@charset "utf-8";
#box.box {
height: 100px;
width: 100px;
border: 2px solid purple;
background: #cee;
}
.frame-box-002 {
padding: 5px;
position: relative;
}
.frame-box-002::before,
.frame-box-002::after {
content: '';
width: 15px;
height: 100%;
position: absolute;
}
.frame-box-002::before {
border-left: dotted 1px #000000;
border-top: dotted 1px #000000;
border-bottom: dotted 1px #000000;
top: 0;
left: 0;
}
.frame-box-002::after {
border-right: dotted 1px #000000;
border-top: dotted 1px #000000;
border-bottom: dotted 1px #000000;
top: 0;
right: 0;
}
body {
position: relative;
background: #eee;
}
a img {
border: 0;
}
.ui-datepicker {
z-index: 100 !important;
font-size: 90%;
}
.ui-datepicker th {
padding: 0;
background: #eee;
}
.ui-datepicker td {
padding: 0;
font-size: 14px;
}
.ui-datepicker .ui-datepicker-header {
padding: 0;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
padding-right: 3px;
}
.ui-datepicker select {
color: black;
}
.ui-datepicker .ui-icon {
color: orange;
}
.ui-datepicker .ui-datepicker {
padding: 0;
}
.ui-datepicker table {
background: gray;
}
#catalog_header {
text-align: center;
background: aliceblue;
padding: 10px;
}
#catalog_footer {
border-top: 1px solid aliceblue;
text-align: center;
background: #54e6fd;
height: 250px;
}
#catalog_footer ul.footer_menu {
padding: 30px;
background: #1a0911;
border-radius: 0;
margin: 0;
border-top: 2px solid #ffa9fb;
}
.push {
height: 250px;
}
#catalog_contents {
max-width: 1000px;
margin: 0 auto 50px;
}
#catalog_contents:after {
content: "";
display: block;
clear: both;
}
/*
*/
/* * * * * * * * * * * * * * * * * * * *
BRUM
// * * * * * * * * * * * * * * * * * * * */
#brum {
padding: 8px;
padding-left: 20px;
clear: both;
zoom: 1;
width: 100%;
background: #2589d4;
color: white;
}
#brum ul {
margin: 0 auto;
max-width: 1000px;
}
#brum ul a {
color: white;
}
#brum ul:after {
content: '';
clear: both;
display: block;
}
#brum ul li {
float: left;
font-weight: bold;
font-size: 75% !important;
margin: 0 5px 0 0;
list-style: none;
}
#brum ul li span {
font-weight: normal;
margin: 0 0 0 3px;
}
#brum ul li a {
font-weight: normal;
text-decoration: underline;
}
#brum ul li a:hover {
text-decoration: none;
}
.box_shd {
background: #eee;
border-radius: 10px;
box-shadow: -3px -3px 10px 5px #ffffff, 5px 5px 11px 0px rgba(0, 0, 0, 0.5);
}
.box_shd_l {
background: #eee;
border-radius: 10px;
box-shadow: -2px -2px 5px 2px #ffffff, 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.box_shd_inset {
background: #eee;
border-radius: 10px;
box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2) inset, -5px -5px 12px 2px #ffffff inset;
}
.box_shd_inset_l {
background: #eee;
border-radius: 10px;
box-shadow: -2px -2px 5px 2px #ffffff inset, 3px 3px 5px 0px rgba(0, 0, 0, 0.5) inset;
}
.proceed_btn {
color: white;
font-size: 27px;
text-shadow: 0px 0px 4px #000;
width: 80%;
padding: 10px 30px 10px;
margin: 10px;
border: 1px solid #aaa;
border-radius: 18px;
box-shadow: 0px -1px 3px 1px rgba(0, 0, 0, 0.4), 0px 3px 2px 1px #ffffff;
zoom: 1;
background: linear-gradient(#ffa500, #e19304);
}
.proceed_btn.hov {
background: linear-gradient(#ffa500, #ffc04c);
border-color: #888;
}
.TB_overlayBG {
background-color: #fff;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
#TB_window {
background: transparent;
border: none !important;
margin-top: -300px;
}
#TB_window img#TB_Image {
border: none;
box-shadow: -15px -14px 15px 5px rgba(255, 255, 255, 0.8), 14px 15px 15px 0px rgba(0, 0, 0, 0.2);
border: 1px solid #dedede;
border-radius: 5px;
}
/* * * * * * * * *
CATALOG
* * * * * * * * */
.devmes_menu {
border: 1px solid navy;
}
.devmes_menu2 {
border: 1px solid maroon;
}
#catalog .find_cond_str {
border: 1px solid #a0c8d2;
padding: 10px;
display: inline-block;
border-radius: 5px;
}
#catalog .noresult {
width: 80%;
margin: 50px auto 0;
border: 1px solid #a0c8d2;
padding: 20px;
zoom: 1;
border-radius: 5px;
color: #789ca5;
}
#catalog .noresult:after {
content: "";
display: block;
clear: both;
}
#catalog .noresult .l {
float: left;
width: 30%;
padding: 00px 0 0;
}
#catalog .noresult .r {
float: left;
font-size: 26px;
background: #fff;
margin-left: 30px;
}
#catalog #catalog_list {
margin-bottom: 10px;
}
#catalog #catalog_list:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_list #icon_sample {
background: #CCE9FF;
border-radius: 0 5px 5px 0;
padding: 10px 10px;
font-size: 11px;
margin: 10px 10px 20px;
height: 148px;
float: left;
margin: 0px;
border: 1px solid #444;
border-width: 1px 1px 1px 0;
}
#catalog #catalog_list #icon_sample .icon_i {
display: inline-block;
line-height: 180%;
margin-right: 3px;
white-space: nowrap;
}
#catalog #catalog_list #icon_sample img {
margin-bottom: 0px;
}
#catalog #catalog_list #icon_sample.clip {
float: none;
width: auto;
height: auto;
background: #CCE9FF;
border-radius: 5px;
padding: 3px 5px;
font-size: 11px;
margin: 10px 10px 20px;
border: none;
}
#catalog #catalog_list #icon_sample.clip:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_list .link2clips {
margin: 0 0 10px;
}
#catalog #catalog_list h3.match_title {
margin-bottom: 30px;
}
#catalog #catalog_list h3.match_title:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_list h3.match_title div {
background: #eee;
border-radius: 10px;
box-shadow: -3px -3px 10px 5px #ffffff, 5px 5px 11px 0px rgba(0, 0, 0, 0.5);
font-family: 'gothic';
font-size: 21px;
line-height: 1;
color: #333;
width: 12em;
max-width: 100%;
margin: auto;
text-align: center;
padding: 0.5em;
}
#catalog #catalog_list h3.match_title div.bold {
font-size: 28px;
}
#catalog #catalog_list .find_head {
margin: 0 auto 15px;
zoom: 1;
}
#catalog #catalog_list .find_head h3 {
padding: 33px 5px;
height: 148px;
margin: 0;
border: 1px solid #444;
border-width: 1px 0 1px 1px;
border-radius: 5px 0 0 5px;
}
#catalog #catalog_list .find_head h3 em {
font-weight: bold;
font-size: 110%;
}
#catalog #catalog_list .find_head h3 .matchnum {
color: #444;
}
#catalog #catalog_list .find_head .note {
background: #ddd;
border-radius: 0px;
padding: 10px 10px;
font-size: 13px;
margin: 10px;
height: 148px;
margin: 0px;
border: 1px solid #444;
border-width: 1px 0 1px 0;
}
#catalog #catalog_list .find_head .note span {
display: block;
}
#catalog #catalog_list .find_head .note span.l2,
#catalog #catalog_list .find_head .note span.l3,
#catalog #catalog_list .find_head .note span.l4 {
padding-left: 1em;
}
#catalog #catalog_list .find_head .note span.l5,
#catalog #catalog_list .find_head .note span.l6 {
text-align: center;
}
#catalog #catalog_list .find_head:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_list .clipclear {
float: right;
font-size: 12px;
text-decoration: underline;
cursor: hand;
cursor: pointer;
}
#catalog #catalog_list #room_cnt {
font-size: 18px;
text-align: center;
font-weight: bold;
float: left;
}
#catalog #catalog_list form#catalog_find_form {
margin-bottom: 15px;
float: right;
width: 699px;
}
#catalog #menuCol h2 a {
background-image: url(../img/catalog_menuHead.png);
}
#catalog ul.office_imgs li {
float: left;
}
#catalog table.rooms {
background: #ccc;
border-collapse: separate;
border-spacing: 1px;
}
#catalog table.rooms caption {
font-weight: bold;
background: #ddd;
border: 1px solid #ccc;
border-bottom: none;
padding: 3px;
}
#catalog table.rooms thead td {
background: #eef;
}
#catalog table.rooms th {
background: #efefef;
padding: 3px;
text-align: center;
border: 1px solid white;
}
#catalog table.rooms td {
background: white;
padding: 0px;
text-align: center;
width: 33%;
}
#catalog table.rooms td ul {
padding-left: 10px;
}
#catalog table.rooms td ul li {
text-align: left;
}
#catalog table.rooms td a {
display: block;
background: #fff;
padding: 3px;
color: #666;
}
#catalog table.rooms td a:hover {
background: #E0ECF6;
}
#catalog .img {
height: 120px;
}
#catalog li.com p {
padding-left: 15px;
}
#catalog .catalog_room {
height: 300px;
margin: 0 0 10px;
position: relative;
z-index: 20;
}
#catalog .catalog_room a {
display: block;
box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.1);
}
#catalog .catalog_room a:hover {
background-position: right top;
}
#catalog .catalog_room .campaign_flag {
position: absolute;
top: 65px;
left: 60px;
width: 110px;
height: 19px;
margin: 0 auto;
background: url(../img/catalog_campaign_flag.png) left top no-repeat;
text-indent: -9999px;
z-index: 900;
}
#catalog .catalog_room .new {
width: 50px;
height: 50px;
position: absolute;
top: 42px;
right: 0px;
background: url(../img/catalog_new.png) left top no-repeat;
text-indent: -9999px;
z-index: 999;
}
#catalog .catalog_room .sp_icon {
width: 50px;
height: 50px;
position: absolute;
z-index: 999;
display: block;
}
#catalog .catalog_room .img {
text-align: center;
padding-top: 6px;
height: 230px;
position: relative;
overflow: hidden;
background: #e2e5eb;
margin-bottom: 3px;
}
#catalog .catalog_room .img img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
#catalog .catalog_room .app_wrap {
position: relative;
z-index: 700;
}
#catalog .catalog_room .app_wrap:after {
content: "";
display: block;
clear: both;
}
#catalog .catalog_room .app_wrap.over {
z-index: 700;
}
#catalog .catalog_room .notice_bg {
position: absolute;
left: 0em;
text-align: center;
margin: 0 auto 0;
background: white;
width: 100%;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
z-index: 700;
}
#catalog .catalog_room .app_bg {
position: absolute;
left: 0em;
text-align: center;
margin: 0 auto 0;
height: 30px;
width: 100%;
top: 200px;
color: white;
overflow: hidden;
white-space: nowrap;
}
#catalog .catalog_room .app_bg .appeal {
padding: 5px 0 0 5px;
position: absolute;
width: 100%;
color: white;
}
#catalog .catalog_room .app_bg .appeal_bg {
padding: 5px 0 0 5px;
position: absolute;
width: 100%;
color: transparent;
background: #d95a5a;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
height: 100%;
}
#catalog .catalog_room .notice {
font-weight: bold;
color: #C2006E;
line-height: 110%;
font-size: 16px;
}
#catalog .catalog_room .notice .reserved_img {
width: 293px;
height: 230px;
z-index: 900;
display: block;
margin: 0 auto;
margin: 40px auto;
}
#catalog .catalog_room .notice .soldout_img {
width: 293px;
height: 230px;
z-index: 900;
display: block;
margin: 0 auto;
margin: 40px auto;
}
#catalog .catalog_room .text {
color: #666;
margin-left: 3px;
padding: 0px 0px;
font-family: 'ＭＳＰゴシック';
font-size: 15px;
overflow: hidden;
text-decoration: none;
text-align: center;
line-height: 130%;
color: #444;
}
#catalog .catalog_room .text .base_info {
padding: 0 5px 7px;
margin-bottom: 0.3em;
}
#catalog .catalog_room .text .base_info .space {
float: left;
}
#catalog .catalog_room .text .base_info div.price_detail {
display: inline;
color: #0000FF;
white-space: nowrap;
}
#catalog .catalog_room .text .base_info div.price_detail b {
color: #0000FF;
font-weight: normal;
font-size: 130%;
}
#catalog .catalog_room .text .base_info div.price_detail s {
color: #666;
font-size: 100%;
font-weight: normal;
}
#catalog .catalog_room .text .price_note {
color: navy;
white-space: normal;
line-height: 110%;
padding-bottom: 0.3em;
margin-bottom: 0.3em;
border-bottom: 1px dashed #ccc;
}
#catalog .catalog_room .text .comment h6 {
margin: 0;
font-size: 90%;
display: inline;
}
#catalog .catalog_room .text .comment div {
display: inline;
}
#catalog .catalog_room a:hover .text .price_note {
text-decoration: none;
}
#catalog .catalog_room .todetail {
font-size: 80%;
padding-right: 3em;
text-align: right;
}
#catalog .catalog_room .checking {
text-align: center;
}
#catalog .catalog_room_sp {
background: #ddd;
padding: 5px 10px 10px;
border-radius: 5px;
height: 274px;
margin: 25px 0;
}
#catalog .catalog_room_sp caption {
padding: 0;
}
#catalog .catalog_room_sp .appeal {
height: 3em;
overflow: hidden;
}
#catalog .catalog_room_sp .appeal .soldout {
position: absolute;
left: 70px;
top: 90px;
}
#catalog .catalog_room_sp .appeal .reserved {
position: absolute;
left: 70px;
top: 90px;
}
#catalog .catalog_room_sp .img {
height: auto;
float: left;
margin-right: 10px;
}
#catalog .catalog_room_sp .img a,
#catalog .catalog_room_sp .img span {
display: block;
height: 240px;
width: 240px;
background: #ccc;
border-radius: 5px;
}
#catalog .catalog_room_sp .img a img,
#catalog .catalog_room_sp .img span img {
display: block;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
/* Safari用 */
transform: translateY(-50%);
}
#catalog .catalog_room_sp .thumb {
float: left;
}
#catalog .catalog_room_sp .thumb:after {
content: "";
display: block;
clear: both;
}
#catalog .catalog_room_sp .text {
float: left;
}
#catalog .catalog_room_sp .space {
float: left;
}
#catalog .catalog_room_sp .detail {
float: left;
}
#catalog .catalog_room_sp .cid {
position: absolute;
top: 10px;
left: 16px;
}
#catalog .catalog_room_sp div.sp_icons {
hheight: 50px;
position: absolute;
vertical-align: top;
top: 10px;
right: 5px;
z-index: 99;
display: block;
float: right;
text-align: right;
}
#catalog .catalog_room_sp div.sp_icons img {
vertical-align: top;
}
#catalog .catalog_room_sp div.sp_icons .rt_text {
font-weight: normal;
font-size: 12px;
margin-right: 10px;
}
#catalog .catalog_room_sp .calendar {
float: left;
background: #fff;
width: 100%;
width: 185px;
text-align: center;
padding: 5px 0 10px 0;
border-radius: 4px;
}
#catalog .catalog_room_sp .calendar input.date_input {
width: 120px;
}
#catalog .catalog_room_sp .calendar .ui-datepicker-trigger {
border: 0;
width: 160px;
height: 26px;
margin-bottom: 10px;
border: 1px solid #8CBAFF;
background: -webkit-gradient(linear, left top, left bottom, from(#6CA7FE), to(#649AEA));
/* Safari,Google Chrome用 */
background: -moz-linear-gradient(top, #6CA7FE, #649AEA);
/* Firefox用 */
}
#catalog .catalog_room_sp .calendar .ui-datepicker-trigger:hover {
background-position: center center;
background: -webkit-gradient(linear, left top, left bottom, from(#8FBCFE), to(#84ADEA));
/* Safari,Google Chrome用 */
background: -moz-linear-gradient(top, #8FBCFE, #84ADEA);
/* Firefox用 */
}
#catalog .catalog_room_sp .calendar .start_date_preview {
font-weight: bold;
color: #ea04bc;
margin-bottom: 5px;
text-decoration: underline;
}
#catalog .catalog_room_sp .calendar .cl_footer .submit_box {
display: none;
}
#catalog .catalog_room_sp .price_detail {
display: inline;
}
#catalog #catalog_find {
width: 686px;
zoom: 100%;
margin: 0 auto 0px;
position: relative;
}
#catalog #catalog_find:after {
content: '';
clear: both;
display: block;
}
#catalog #catalog_find ul.form_tabs {
width: 680px;
margin: 0 auto 0;
}
#catalog #catalog_find ul.form_tabs li {
width: 136px;
height: 94px;
background: url(../img/catalog_panel.png) left top no-repeat;
float: left;
}
#catalog #catalog_find ul.form_tabs li a.form_sw {
display: block;
height: 22px;
margin: 3px 0px 0 0;
text-indent: -9999px;
bbackground: url(../img/catalog_panel_arrow_act.png) right top no-repeat;
border: 1px solid transparent;
}
#catalog #catalog_find ul.form_tabs li a.form_sw.act {
background: url(../img/catalog_panel_arrow_act.png) right top no-repeat;
}
#catalog #catalog_find ul.form_tabs li a.form_sw.fform {
background: url(../img/catalog_panel_arrow_form.png) right top no-repeat;
}
#catalog #catalog_find ul.form_tabs li .cap {
bborder: 1px solid blue;
background: transparent url(../img/catalog_panel_cap_shop.png) left top no-repeat;
margin: 4px 0 0 7px;
height: 18px;
text-indent: -9999px;
cursor: pointer;
cursor: hand;
}
#catalog #catalog_find ul.form_tabs li.shop .cap {
background-image: url(../img/catalog_panel_cap_shop.png);
}
#catalog #catalog_find ul.form_tabs li.price .cap {
background-image: url(../img/catalog_panel_cap_price.png);
}
#catalog #catalog_find ul.form_tabs li.type .cap {
background-image: url(../img/catalog_panel_cap_type.png);
}
#catalog #catalog_find ul.form_tabs li.space .cap {
background-image: url(../img/catalog_panel_cap_space.png);
}
#catalog #catalog_find ul.form_tabs li.word .cap {
background-image: url(../img/catalog_panel_cap_word.png);
}
#catalog #catalog_find p.cond {
color: white;
text-align: center;
width: 90%;
margin: 0 auto;
padding: 3px 0 0 0;
line-height: 100%;
}
#catalog #catalog_find li.type p.cond {
line-height: 100%;
}
#catalog #catalog_find li.type p.cond img {
margin: 0;
}
#catalog #catalog_find li.price p.cond .inner {
padding-top: 10px;
}
#catalog #catalog_find h4 {
font-weight: bold;
color: #006;
}
#catalog #catalog_find .ok_btn {
text-align: center;
}
#catalog #catalog_find .form_panel {
color: #444;
z-index: 900;
position: absolute;
top: 25px;
}
#catalog #catalog_find .form_panel .t {
width: 686px;
background: #ffcf79 url(../img/catalog_form_panel_t.png) left top repeat-x;
padding: 7px 18px 10px 15px;
border: 1px solid #444;
border-radius: 0 0 7px 7px;
box-shadow: 1px 2px 8px 1px rgba(0, 0, 0, 0.4);
}
#catalog #catalog_find .form_panel .form_box {
padding: 0 10px 0;
}
#catalog #catalog_find .form_panel .form_box .btn {
border: 1px solid #ccc;
padding: 2px 5px;
border-radius: 4px;
}
#catalog #catalog_find .form_panel .form_box label {
padding: 0 5px 0;
}
#catalog #catalog_find .form_panel .form_box label.hov {
background: #ccc;
border-radius: 3px;
}
#catalog #catalog_find .form_panel .form_box label.act {
background: #E43487;
color: white;
border-radius: 3px;
}
#catalog #catalog_find .form_panel .form_box.f3 label {
margin: 2px 2px 2px;
display: inline-block;
}
#catalog #catalog_find .form_panel .form_box.f3 label img {
margin-bottom: 3px;
}
#catalog #catalog_find .form_panel .form_box.f3 .iii:after {
content: "";
display: block;
clear: both;
}
#catalog .form_box#form_blds {
text-align: center;
margin: 0 0 10px;
}
#catalog .form_box#form_blds label {
display: inline-block;
border: 1px solid #ccc;
padding: 10px;
margin: 4px;
border-radius: 6px;
cursor: pointer;
background: #eff5f0;
font-size: 22px;
}
#catalog .form_box#form_blds label.act {
border-color: #113e94;
background: linear-gradient(#ecf3e1, #dae6c7);
}
#catalog .form_box#form_blds label.chg {
border-color: #ccc;
background: linear-gradient(#eaeaea, #e8f1de);
}
#catalog .form_box#form_blds label.chg input.chkall {
filter: grayscale(100%) brightness(1.5);
}
#catalog .room_type_btns {
margin: 0 auto 10px;
text-align: center;
}
#catalog .room_type_btns a {
color: #444;
text-decoration: none;
}
#catalog .room_type_btns .room_type_btn {
display: inline-block;
position: relative;
border: 1px solid #444;
border-radius: 10px;
width: 30%;
margin: 0 3px 0;
padding: 10px;
text-align: center;
background: linear-gradient(#ffffff, #dadbe4);
box-shadow: 0px 0px 1px 1px #ffffff inset, 0px 0px 1px 1px rgba(0, 0, 0, 0.4);
text-shadow: 1px 1px 1px #ffffff, 0px 0px 4px rgba(255, 255, 255, 0.4);
cursor: pointer;
}
#catalog .room_type_btns .room_type_btn input[type=radio] {
position: absolute;
top: 0;
left: 4px;
width: 15px;
height: 15px;
}
#catalog .room_type_btns .room_type_btn:hover {
background: linear-gradient(#efefef, #ceced8);
text-shadow: 1px 1px 1px #ffffff, 0px 0px 4px #ffffff;
color: black;
}
#catalog .room_type_btns .room_type_btn.act {
background: linear-gradient(#e0e2ff, #bed3ff);
}
#catalog .room_type_btns .room_type_btn.btn_all {
display: block;
width: 40%;
margin: 10px auto 0;
padding: 16px 0 10px;
text-align: center;
}
#catalog .room_type_btns .room_type_btn.btn_all h4 {
font-size: 16px;
margin: 0 0 5px;
font-family: sans-serif;
}
#catalog .room_type_btns .room_type_btn.btn_all h4 .s {
font-size: 18px;
padding: 0 0 0 5px;
font-family: serif;
}
#catalog .room_type_btns .room_type_btn.btn_all h4 .cnt {
font-size: 18px;
padding: 0 0 0 7px;
color: darkgreen;
font-family: serif;
}
#catalog .room_type_btns .room_type_btn h4 {
font-size: 35px;
margin: 0 0 5px;
font-family: sans-serif;
}
#catalog .room_type_btns .room_type_btn h4 .s {
font-size: 18px;
padding: 0 0 0 5px;
font-family: serif;
}
#catalog .room_type_btns .room_type_btn h4 .cnt {
font-size: 18px;
padding: 0 0 0 7px;
color: darkgreen;
font-family: serif;
}
#catalog .room_type_btns .room_type_btn .val {
line-height: 2;
}
#catalog .room_type_btns .room_type_btn .val h5 {
font-size: 12px;
display: inline-block;
padding: 1px 5px;
background: #f5f5f5;
border-radius: 3px;
margin: 2px 4px 5px;
vertical-align: middle;
}
#catalog .room_type_btns .room_type_btn .val .values {
font-size: 18px;
font-family: sans-serif;
font-weight: normal;
display: inline-block;
line-height: 1;
}
#catalog .room_type_btns .room_type_btn .val .p {
font-size: 80%;
}
#catalog #find_com {
text-align: center;
font-size: 12px;
}
#catalog #find_com b {
font-weight: normal;
color: #d00;
}
#catalog .form_panel_arrow {
width: 27px;
height: 22px;
margin: 5px 1px 0 0;
text-indent: -9999px;
z-index: 901;
background: url(../img/catalog_panel_arrow_form.png) left top no-repeat;
position: absolute;
top: -1px;
left: 247px;
display: none;
}
#catalog .find_btn {
background: url(../img/catalog_find_btn.png) left top no-repeat;
width: 268px;
height: 38px;
margin: 0 auto 0px;
cursor: pointer;
cursor: hand;
text-indent: -9999px;
border: none;
display: block;
}
#catalog .find_btn.blink {
background: url(../img/catalog_find_btn_blink.gif) left top no-repeat;
}
#catalog .find_btn.hov {
background: url(../img/catalog_find_btn.png) left -38px no-repeat;
}
#catalog .find_btn.down {
background: url(../img/catalog_find_btn.png) left -76px no-repeat;
}
*:first-child + html #catalog .catalog_room_clip table.table td.thumb .img {
margin-top: 0;
}
.search_pos {
display: block;
margin: 0 auto 30px;
background: #42a3f3;
width: 10em;
text-align: center;
font-size: 18px;
border-radius: 3px;
border-bottom: 1px solid #444;
padding: 10px;
}
#catalog_room_all_items {
padding: 10px 10px 1px;
margin: 0 auto 100px;
background: #eee;
text-align: left;
}
#catalog_room_all_items h2 {
background: #fff;
margin: 0 auto 30px;
padding: 20px 15px;
text-align: center;
color: #444;
}
#catalog_room_all_items h2 a {
color: #444;
}
#catalog_room_all_items h2 .desc {
font-size: 1rem;
}
#catalog_room_all_items .with_scrivener_txt {
text-align: center;
background: #8cb4f3;
padding: 3px;
color: white;
}
#catalog_room_all_items .with_scrivener_txt a {
color: #63638b;
}
#catalog_room_all_items h3 {
background: white;
padding: 5px 10px 1px;
margin: 0 auto 0 0;
display: inline-block;
border-radius: 4px 4px 0 0;
border: 1px solid #444;
border-width: 1px 1px 0 1px;
font-family: sans-serif;
}
#catalog_room_all_items h3.ikebukuro {
background: #fff;
border-left: 15px solid #7ab5ff;
}
#catalog_room_all_items h3.okachi {
background: #fff;
border-left: 15px solid #fb6b6b;
}
#catalog_room_all_items h3.iriya {
background: #fff;
border-left: 15px solid #aedd20;
}
#catalog_room_all_items .list_shop {
margin: 0 auto 43px;
}
#catalog_room_all_items .list_shop.ikebukuro .catalog_room_sml h4 {
border-bottom: 2px solid #7ab5ff;
}
#catalog_room_all_items .list_shop.okachi .catalog_room_sml h4 {
border-bottom: solid #fb6b6b;
}
#catalog_room_all_items .list_shop.iriya .catalog_room_sml h4 {
border-bottom: 2px solid #aedd20;
}
#catalog_room_all_items .list_shop.ikebukuro .img {
background: radial-gradient(#edf3ff 20%, #999fad 80%);
}
#catalog_room_all_items .list_shop.okachi .img {
background: radial-gradient(#f5ece7 20%, #d1c1c1 80%);
}
#catalog_room_all_items .list_shop.iriya .img {
background: radial-gradient(#f4fdf4 20%, #b7c7b7 80%);
}
#catalog_room_all_items .catalog_room_sml {
background: #fff;
border: 1px solid black;
border-width: 1px 1px 0 1px;
text-align: center;
padding: 15px 0;
}
#catalog_room_all_items .catalog_room_sml:last-child {
border-bottom-width: 1px;
}
#catalog_room_all_items .catalog_room_sml div {
display: inline-block;
}
#catalog_room_all_items .catalog_room_sml .img {
display: inline-block;
height: 80px;
width: 120px;
vertical-align: middle;
margin: 5px auto 0;
overflow: hidden;
}
#catalog_room_all_items .catalog_room_sml .img img {
height: 80px;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn {
display: inline-block;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn h4 {
display: inline-block;
width: 8em;
text-align: left;
margin: 0.5rem;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn h4 .l {
font-family: serif;
font-size: 28px;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn h4 .cnt {
width: 2em;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val {
margin: 5px;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val h5 {
display: none;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val .price_detail {
width: 12rem;
font-size: 18px;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val .values.space {
width: 5em;
font-size: 18px;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .ss {
display: none;
}
#catalog_room_all_items .catalog_room_sml .ap_btns button,
#catalog_room_all_items .catalog_room_sml .ap_btns a.btn,
#catalog_room_all_items .catalog_room_sml .ap_btns .room_occupied {
border: 1px solid #5e5e5e;
border-radius: 3px;
padding: 1px 6px;
font-size: 18px;
line-height: 1.4;
vertical-align: bottom;
margin: 0 5px 0px;
width: 8em;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
}
#catalog_room_all_items .catalog_room_sml .ap_btns button {
background: linear-gradient(#fff6c2, #fbc06d);
}
#catalog_room_all_items .catalog_room_sml .ap_btns button:hover {
background: #f5d3ca;
border-color: black;
color: black;
}
#catalog_room_all_items .catalog_room_sml .ap_btns a.btn {
background: linear-gradient(#dbf5e1, #c5ddcb);
}
#catalog_room_all_items .catalog_room_sml .ap_btns a.btn:hover {
background: #dbf5e1;
}
#catalog_room_all_items .catalog_room_sml .ap_btns .room_occupied {
display: inline-block;
background: linear-gradient(#e3e3e3, #c4d2d7);
border: 1px solid #ccc;
color: #747474;
}
#catalog_room_all_items .catalog_room_sml .dev {
display: inline-block;
width: 12em;
display: none;
}
#catalog_room_all_items.grid:after {
content: "";
display: block;
clear: both;
}
#catalog_room_all_items.grid .list_shop:after {
content: "";
display: block;
clear: both;
}
#catalog_room_all_items.grid .catalog_room_sml {
width: 190px;
float: left;
padding: 3px;
margin: 3px;
border: none;
}
#catalog_room_all_items.grid .catalog_room_sml .img {
display: inline-block;
height: 130px;
width: auto;
vertical-align: middle;
margin: 5px auto 0;
overflow: hidden;
}
#catalog_room_all_items.grid .catalog_room_sml .img img {
height: 130px;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn h4 {
margin: 0;
text-align: center;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn .val {
margin: 5px;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn .val .price_detail {
font-size: 14px;
width: auto;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn .val .values.space {
font-size: 14px;
width: auto;
}
#catalog_room_all_items.grid .catalog_room_sml .ap_btns {
margin: 2px;
}
#catalog_room_all_items.grid .catalog_room_sml .ap_btns .toApply_btn_list,
#catalog_room_all_items.grid .catalog_room_sml .ap_btns .room_occupied,
#catalog_room_all_items.grid .catalog_room_sml .ap_btns .todetail {
margin-bottom: 5px;
}
#mainCol div.price_detail:after {
display: inline;
}
.roomAction_btns {
width: 80%;
margin: 0 auto;
position: fixed;
bottom: 40%;
z-index: 100;
line-height: 2;
width: 100%;
left: 0;
}
.roomAction_btns .w_inner {
position: relative;
width: 80%;
margin: 0 auto 0;
background: #f1edcd;
padding: 20px;
background: linear-gradient(#f3f3f3, #e0e8f1);
border-radius: 10px;
border: 1px solid #b5a99b;
box-shadow: 3px 8px 30px #00000066;
}
.roomAction_btns .w_inner .select_room_clear {
background: white;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
font-size: 25px;
position: absolute;
top: 5px;
right: 5px;
border-radius: 2px;
color: #818181;
cursor: pointer;
}
.roomAction_btns h3 {
margin: 0;
margin: 0 0 10px;
font-size: 18px;
}
.roomAction_btns .inner {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-around;
text-align: center;
}
.roomAction_btns a.abtn {
width: 400px;
text-align: center;
font-size: 20px;
height: 70px;
line-height: 70px;
border-radius: 10px;
text-decoration: none;
box-shadow: 3px 8px 30px #00000066;
border: 1px solid white;
}
.roomAction_btns a.abtn:hover {
color: #000;
}
.roomAction_btns .toApply_btn {
background: linear-gradient(#ffa500, #e19304);
color: #333;
}
.roomAction_btns .toDetail_btn {
background: linear-gradient(#89cadf, #67a6bb);
color: #333;
}
.select_view_type {
float: right;
margin-top: -4px;
}
.select_view_type label {
text-indent: -9999px;
width: 34px;
height: 34px;
background-color: #8cb0cf;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
}
.select_view_type label.active {
background-color: #337ab7;
}
.select_view_type label.view_type_grid {
background-image: url(../img/view_type_btn_grid.png);
}
.select_view_type label.view_type_list {
background-image: url(../img/view_type_btn_list.png);
}
.select_view_type input {
display: none;
}
#select_room {
background: #eee;
padding: 40px 10px;
margin: 0 auto 100px;
position: relative;
}
#catalog_navi {
width: 690px;
margin: 0 auto 0;
}
#catalog_navi li.inner {
float: left;
width: 230px;
bborder: 1px solid red;
}
#catalog_navi h3 {
text-align: center;
font-size: 18px;
line-height: 110%;
}
#catalog_navi .catalog_bnr {
margin-bottom: 30px;
}
#catalog_navi .catalog_bnr a.btn {
display: block;
background: url(../img/catalog_bnr_200px.png) no-repeat;
width: 200px;
height: 87px;
margin: 0 auto 0px;
}
#catalog_navi .catalog_bnr p {
text-align: center;
margin: 0 0 1px;
}
#catalog_navi .catalog_bnr p b {
font-size: 16px;
}
#catalog_navi:after {
content: "";
display: block;
clear: both;
}
/* * * * * * * * *
CATALOG_detail
* * * * * * * * */
#catalog_detail {
/**/
}
#catalog_detail .roomAction_btns {
bottom: 1px;
}
#catalog_detail .roomAction_btns .w_inner {
width: 100%;
border-radius: 0;
padding: 5px;
}
#catalog_detail .roomAction_btns .w_inner h3.desc {
display: none;
}
#catalog_detail .roomAction_btns .w_inner .toDetail_btn {
display: none;
}
#catalog_detail .roomAction_btns .w_inner .select_room_clear {
display: none;
}
#catalog_detail .roomAction_btns .w_inner .toApply_btn {
padding: 0;
line-height: 1;
height: auto;
padding: 1em;
}
#catalog_detail .contact_btns {
margin: 10px 0;
text-align: center;
}
#catalog_detail .contact_btns div {
display: inline-block;
background: light-blue;
border: 1px solid #ccc;
border-radius: 3px;
margin-left: 5px;
padding: 0 5px;
width: 15em;
text-align: center;
font-size: 21px;
}
#catalog_detail .contact_btns div.contact_form {
display: inline-block;
}
#catalog_detail #wrapInner div.section {
width: 100%;
margin: 0 auto 80px;
}
#catalog_detail .roomno {
text-align: center;
font-size: 21px;
font-weight: bold;
color: #0B54C1;
line-height: 100%;
}
#catalog_detail .vac_mes {
text-align: center;
font-size: 21px;
font-weight: bold;
}
#catalog_detail .vac_mes small {
margin: 0 10px;
font-weight: normal;
}
#catalog_detail .access_count {
float: right;
font-size: 14px;
color: #000099;
text-align: right;
}
#catalog_detail .access_count b {
font-size: 18px;
}
#catalog_detail .campaign_flag {
width: 110px;
height: 19px;
margin: 0 auto;
background: url(../img/catalog_campaign_flag.png) left top no-repeat;
text-indent: -9999px;
}
#catalog_detail .cid_comment {
color: #000099;
font-weight: normal;
text-align: center;
line-height: 120%;
font-size: 12px;
margin-bottom: 20px;
}
#catalog_detail .catalog_room_detail {
margin-bottom: 100px;
}
#catalog_detail .catalog_room_detail h2 {
font-size: 24px;
font-family: 'gothic';
letter-spacing: 0.2em;
margin: 30px 10px;
padding: 20px;
position: relative;
display: block;
background: #eee;
border-radius: 10px;
box-shadow: -2px -2px 5px 2px #ffffff, 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
#catalog_detail .catalog_room_detail h2 div {
display: inline-block;
}
#catalog_detail .catalog_room_detail h2 .shoproom {
color: #444;
margin: 0 auto 0;
}
#catalog_detail .catalog_room_detail h2 .shoproom .roomno_str {
text-shadow: -2px 0px 10px #3569c9, 0px 2px 3px #fff;
border-right: 1px solid #444;
margin-right: 20px;
padding-left: 20px;
}
#catalog_detail .catalog_room_detail h2 .shoproom .space_str {
margin: 0 10px;
}
#catalog_detail .catalog_room_detail .vac_mes {
margin: 20px;
font-size: 18px;
font-weight: normal;
background: #6fa8b5;
padding: 10px;
border-radius: 4px;
color: white;
}
#catalog_detail .catalog_room_detail .cat_label {
background: black;
color: white;
font-weight: bold;
padding: 10px 5px;
width: 120px;
text-align: center;
position: absolute;
border-radius: 3px;
box-shadow: 3px 3px 3px 0px #ffffff;
opacity: 0.6;
top: 5px;
right: 10px;
transform: rotate(-10deg);
}
#catalog_detail .catalog_room_detail .boxes {
display: grid;
grid-template-columns: 50% 50%;
}
#catalog_detail .catalog_room_detail .trcol {
padding: 1em 1.5em;
border: none;
text-align: left;
margin: 10px;
background: #eee;
border-radius: 10px;
box-shadow: -3px -3px 10px 5px #ffffff, 5px 5px 11px 0px rgba(0, 0, 0, 0.5);
}
#catalog_detail .catalog_room_detail .trcol:after {
content: "";
display: block;
clear: both;
}
#catalog_detail .catalog_room_detail .trcol.price {
grid-row: 1;
grid-column: 1 / span 2;
}
#catalog_detail .catalog_room_detail .trcol.comment {
grid-row: 2;
grid-column: 1;
}
#catalog_detail .catalog_room_detail .trcol.comment2 {
grid-row: 2;
grid-column: 2;
}
#catalog_detail .catalog_room_detail .trcol .sq {
font-size: 140%;
}
#catalog_detail .catalog_room_detail .trcol .price {
font-size: 140%;
}
#catalog_detail .catalog_room_detail .trcol .deposit_note {
float: right;
font-size: 16px;
color: #f1e8e8;
padding: 3px 10px;
border-radius: 10px;
background: #c76565;
}
#catalog_detail .catalog_room_detail .trcol .calc_price {
display: inline;
background: yellow;
padding: 2px 30px;
}
#catalog_detail .catalog_room_detail .trcol .price_desc1 {
margin: 10px 0 10px;
}
#catalog_detail .catalog_room_detail .trcol .price_desc2 {
font-size: 12px;
}
#catalog_detail .catalog_room_detail .trcol .vr {
display: block;
float: right;
width: 30%;
background: #BC0782;
text-align: center;
line-height: 40px;
color: white;
cursor: pointer;
}
#catalog_detail .notice {
font-size: 13px;
padding: 0 10px;
}
#catalog_detail ul.office_imgs li {
float: left;
}
#catalog_detail h4.img_title {
font-size: 18px;
}
#catalog_detail .img_box {
zoom: 100%;
border: 0px solid #888;
}
#catalog_detail .img_box:after {
content: "";
display: block;
clear: both;
}
#catalog_detail .com {
line-height: 120%;
}
#catalog_detail .main_img {
background: #eee;
border: 1px solid #888;
border-width: 0px 0 1px 0;
text-align: center;
width: 697px;
height: 520px;
ffloat: right;
padding: 30px 0 0;
}
#catalog_detail img.main {
border: 2px solid #ddd;
}
#catalog_detail ul.thumbs {
ffloat: right;
border-top: 1px solid #888;
border-bottom: 1px solid #ddd;
background: #eee;
}
#catalog_detail ul.thumbs:after {
content: "";
display: block;
clear: both;
}
#catalog_detail ul.thumbs li.sub_img {
display: block;
float: left;
text-align: center;
border: 1px solid #ccc;
border-width: 0 0 0px 1px;
width: 137px;
height: 150px;
}
#catalog_detail ul.thumbs li.sub_img.b {
border-left: none;
}
#catalog_detail .catalog_room_contact h2 {
text-align: center;
font-size: 24px;
letter-spacing: 0.2em;
font-family: gothic;
}
#catalog_detail .catalog_room_contact .contact_head_mes {
text-align: center;
font-family: 'gothic';
margin-bottom: 20px;
letter-spacing: 0.2em;
}
#catalog_detail .contact_info {
zoom: 100%;
width: 580px;
margin: 0 auto 20px;
text-align: center;
font-size: 16px;
}
#catalog_detail .contact_info:after {
content: "";
display: block;
clear: both;
}
#catalog_detail .contact_info li {
float: left;
}
#catalog_detail .contact_info .mailform_btn a {
display: block;
background: url(../img/catalog_mailform_btn.png) no-repeat;
width: 280px;
height: 59px;
text-indent: -9999px;
}
#catalog_detail h3 {
margin: 5px auto 10px;
}
#catalog_detail h3 .mes {
font-size: 16px;
color: #888;
margin: 5px auto 10px;
}
#catalog_detail .contact_info .tel_bnr {
margin-left: 20px;
background: url(../img/catalog_tel_bnr.png) no-repeat;
width: 265px;
height: 44px;
color: white;
font-size: 22px;
font-weight: bold;
line-height: 15px;
text-align: right;
padding: 15px 15px 0 0;
}
#catalog_detail .contact_info .tel_bnr div {
font-size: 12px;
}
#catalog_detail .rsvMng .btn {
border: 1px solid #ccc;
border-radius: 5px;
margin: 0 0 0 5px;
padding: 0 4px;
display: inline-block;
background: #fff;
color: white;
text-decoration: none;
}
#catalog_detail .rsvMng .btn.rsv_cancel {
background: #e48686;
padding: 10px;
font-size: 16px;
}
#catalog_detail .rsvMng .btn.rsv_resend {
background: #7bb2ea;
padding: 10px;
font-size: 16px;
}
#catalog_detail .rsvMng .btn:hover {
border-color: #00686b;
}
#catalog_detail .rsvMng .toroom {
font-size: 80%;
font-weight: normal;
padding: 3px;
border: 1px solid #777;
border-radius: 4px;
text-decoration: none;
}
#catalog_detail .rsvMng .roomcapt {
padding: 0 0 0 1em;
font-weight: bold;
}
#catalog_detail .rsvMng .roominfo {
border: 1px solid #ccc;
padding: 10px;
margin: 5px;
background: #eaf3e1;
font-weight: normal;
font-family: sans-serif;
}
#catalog_detail .rsvMng .mes {
padding: 10px;
font-size: 14px;
text-align: right;
}
#catalog_detail .rsvMng .rb {
border: 1px solid #888;
border-radius: 4px;
padding: 5px;
margin: 0 0 10px;
background: #f6f6f6;
}
#catalog_detail .cat_room_disabled_mes {
font-size: 21px;
text-align: center;
margin: 0 auto 50px;
background: #747474;
color: white;
padding: 1em;
}
#catalog_detail .cat_room_disabled_mes span {
display: inline-block;
}
#con_wrap {
position: relative;
margin: 20px auto;
padding: 10px;
width: 90%;
background: #eee;
border-radius: 10px;
box-shadow: -2px -2px 5px 2px #ffffff, 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
#con_wrap:after {
content: "";
display: block;
clear: both;
}
#con_wrap .reserved_cover {
display: none;
}
#con_wrap .input_text {
font-size: 14px;
border: 1px solid #eee;
border-color: #777 #aaa #ccc #bbb;
padding: 3px;
background: #ffffff url(../img/shade.gif) repeat-x;
border-radius: 4px;
border-color: #e4dfdf;
padding: 2px 8px;
}
#con_wrap .txt {
display: inline-block;
}
#con_wrap u {
display: inlinse-block;
text-decoration: none;
}
#con_wrap .d_input {
width: 100%;
text-align: center;
margin: 0 auto 20px;
}
#con_wrap .err {
background: #f38989;
color: white;
}
#con_wrap .input_room_title {
font-size: 200%;
display: block;
width: 40%;
margin: 0 auto 20px;
background: #ffcb8a;
border-radius: 5px;
padding: 10px;
border: 1px solid #5c5c5c;
background: linear-gradient(211deg, #ffe2a2, #ffcb8a);
box-shadow: inset 0px 0 1px 1px #fff;
text-shadow: 0px 0px 3px #fff, 0px 0px 3px #fff;
}
#con_wrap .input_room_title .roomno {
font-family: serif;
color: #444;
text-shadow: 1px 1px 0px #adf1ff, 0px 2px 3px #ffffff;
}
#con_wrap .input_room_title_dummy,
#con_wrap .input_room_title_disabled {
font-size: 150%;
display: none;
width: 60%;
margin: 10px auto 20px;
}
#con_wrap .input_room_title_disabled {
width: auto;
background: #ccc;
}
#con_wrap .mail_input input {
border-radius: 4px;
font-size: 150%;
width: 20em;
margin: 5px;
text-align: center;
padding: 10px 0;
}
#con_wrap .mail_input h5 {
font-size: 22px;
margin: 5px 0 0;
}
#con_wrap .cookie_notice {
position: absolute;
background: #dce3d0;
box-shadow: -1px -1px 3px 1px rgba(255, 255, 255, 0.5), 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
right: 10px;
width: 182px;
top: 82px;
border-radius: 3px;
padding: 10px 20px;
font-size: 14px;
}
#con_wrap .require_notice {
width: 90%;
text-align: left;
margin: 0 auto 0px;
}
#con_wrap .flow_notice {
background: transparent;
width: 90%;
padding: 10px;
border-radius: 10px;
box-shadow: -2px -2px 5px 2px #ffffff, 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
#con_wrap .desc {
background: #fbfbfb;
width: 70%;
margin: 0 auto;
padding: 3px 5px;
border-radius: 4px;
}
#con_wrap .con_boxes {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
#con_wrap .con_boxes div.h3 {
flex-basis: 80%;
text-align: center;
margin: -2em 0 1.4em;
}
#con_wrap .con_boxes div.h3 div.ti {
background: #eee;
font-size: 24px;
border-radius: 100px;
margin: 0 auto 0;
padding: 0.8em 1em;
text-align: center;
display: inline-block;
box-shadow: -10px -10px 15px 4px #ffffff, 10px 10px 13px 2px rgba(0, 0, 0, 0.4);
}
#con_wrap .con_boxes div.h3 div.ti span {
display: inline-block;
}
#con_wrap .con_boxes div.h3 div.ti.room_disabled a {
color: #ccc;
}
#con_wrap .con_boxes .con_box {
flex-basis: 45%;
text-align: center;
margin: 15px;
position: relative;
box-shadow: none;
margin: 0;
background: none;
display: inline-block;
text-align: left;
}
#con_wrap .con_boxes .con_box .ti {
background: #484888;
color: white;
padding: 1em 0;
border-radius: 10px 10px 0 0;
display: inline;
line-height: 1.4;
padding: 0 5px;
border-radius: 2px;
}
#con_wrap .con_boxes .con_box .inner {
padding: 10px;
margin: 0 auto;
display: inline;
line-height: 1.4;
}
#con_wrap .con_boxes .con_box .inner li {
list-style: none;
display: inline-block;
line-height: 1.4;
}
#con_wrap .con_boxes .con_box .inner .cap {
font-size: 16px;
margin: 0 0 1em;
font-weight: bold;
}
#con_wrap .con_boxes .con_box .inner .item {
margin: 0 0 1em;
}
#con_wrap .con_boxes .con_box .inner .note {
font-size: 14px;
}
#con_wrap .con_boxes .con_box .btnn {
position: absolute;
bottom: 2em;
width: 90%;
display: block;
}
#con_wrap .con_boxes .con_box .btnn a {
border: 1px solid #444;
border-radius: 4px;
dipslay: block;
margin: 0 auto;
font-size: 18px;
padding: 10px 20px;
}
#con_wrap .con_boxes .con_box .btnn a:hover {
background: #fff;
}
#con_wrap .con_boxes .btn_dummy {
display: none;
}
#con_wrap .con_boxes .con_notice {
text-align: left;
padding: 20px 10px;
margin: 20px 0 30px;
background: #ddd;
line-height: 140%;
background: #eee;
border-radius: 10px;
box-shadow: -2px -2px 5px 2px #ffffff inset, 3px 3px 5px 0px rgba(0, 0, 0, 0.5) inset;
}
#con_wrap .con_boxes .con_notice ul {
padding: 0 0 0 20px;
}
#con_wrap .con_boxes .con_notice li {
list-style: none;
margin: 3px;
}
#con_wrap.room_disabled {
color: #aaa;
}
#con_wrap.room_disabled .btn_dummy div {
display: inline-block;
bottom: 2em;
width: 90%;
font-size: 18px;
padding: 10px;
width: 200px;
margin: 10px;
border-radius: 18px;
color: #999;
zoom: 1;
background: linear-gradient(#e0e0e0, #b9b9b9);
}
#con_wrap.room_disabled .con_boxes div.h3 div.ti {
box-shadow: -10px -10px 15px 4px rgba(255, 255, 255, 0.5), 10px 10px 13px 2px rgba(0, 0, 0, 0.1);
}
#con_wrap.room_disabled .input_room_title_wrap {
display: none;
}
#con_wrap.room_disabled .input_room_title {
display: block;
}
#con_wrap.room_disabled .input_room_title_dummy {
display: block;
color: white;
}
#con_wrap.room_disabled .input_room_title_dummy a {
display: block;
padding: 30px 0 30px;
color: white;
background: #42a3f3;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
#con_wrap.room_disabled .con_boxes .con_box .ti {
background: #bebecd;
}
#con_wrap.room_disabled .cookie_notice {
background: #dae7c6;
}
#con_wrap.room_disabled .proceed_btn {
display: none;
}
#flickscroll,
#flickscroll_solo {
margin: 0 auto;
width: 970px;
height: 600px;
text-align: left;
position: relative;
cursor: pointer;
}
#flickscroll ul,
#flickscroll_solo ul {
top: 0;
left: 0;
height: 600px;
position: absolute;
overflow: hidden;
}
#flickscroll ul li,
#flickscroll_solo ul li {
width: 970px;
height: 600px;
float: left;
display: inline;
overflow: hidden;
background: #f1f1f1;
}
#flickscroll ul li img,
#flickscroll_solo ul li img {
height: 100%;
margin: 0 auto;
}
#gallery_mobile {
display: none;
}
/* =======================================
ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
#flickscroll ul,
#flickthumb ul {
display: inline-block;
overflow: hidden;
}
#flickscroll_temp {
width: 100%;
}
#flickscroll_temp ul {
margin: 0px auto;
display: block;
position: relative;
}
#flickscroll_temp ul li {
list-style: none;
background: #f6f6f6;
height: 480px;
}
#flickscroll_temp ul li .a {
max-width: 970px;
max-height: 480px;
width: 100%;
display: block;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
/* Safari用 */
transform: translateY(-50%);
}
#flickscroll_temp ul li img {
max-width: 970px;
max-height: 480px;
display: block;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
/* Safari用 */
transform: translateY(-50%);
}
#flickthumb {
position: relative;
height: auto;
margin: 0;
}
#flickthumb ul {
height: auto;
bottom: 15px;
margin: 0;
}
#flickthumb ul li {
background: #f1f1f1;
width: 120px;
height: auto;
color: #fff;
font-size: 30px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
#flickthumb ul li img {
max-width: 120px;
max-height: 70px;
display: block;
margin: 0 auto;
position: relative;
}
#flickscroll #moveprev {
top: 0;
left: -30px;
width: 30px;
height: 400px;
background: transparent url(../img/moveprev.jpg) no-repeat left top;
position: absolute;
cursor: pointer;
}
#flickscroll #movenext {
top: 0;
right: -30px;
width: 30px;
height: 400px;
background: transparent url(../img/movenext.jpg) no-repeat left top;
position: absolute;
cursor: pointer;
}
#flickthumb_dummy {
position: relative;
height: auto;
margin: 0;
}
#flickthumb_dummy ul {
height: auto;
bottom: 15px;
margin: 0;
}
#flickthumb_dummy ul li {
width: 30px;
height: auto;
color: #fff;
font-size: 30px;
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8);
}
#flickthumb_dummy ul li img {
max-width: 70px;
max-height: 70px;
display: block;
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
/* Safari用 */
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
#catalog_room_all_items .catalog_room_sml.ppp {
padding: 0px 0 10px;
}
#flickscroll ul,
#flickscroll_solo ul {
height: auto;
}
#flickscroll ul li,
#flickscroll_solo ul li {
width: auto;
height: auto;
}
#flickscroll ul li img,
#flickscroll_solo ul li img {
height: auto;
}
#flickscroll {
width: 100vw;
height: 120vw;
}
#flickscroll ul li {
width: 100vw;
}
#catalog .noresult {
padding: 10px;
}
#catalog .noresult .l {
display: none;
}
#catalog .noresult .r {
font-size: 14px;
margin: 0;
}
#catalog #catalog_list {
/* カタログ表示凡例 */
}
#catalog #catalog_list:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_list .find_head {
width: auto;
}
#catalog #catalog_list .find_head h3 {
height: auto;
border-width: 1px 1px 0 1px;
border-radius: 5px 5px 0 0;
padding: 5px;
}
#catalog #catalog_list .find_head h3 div,
#catalog #catalog_list .find_head h3 a,
#catalog #catalog_list .find_head h3 em {
display: inline;
}
#catalog #catalog_list .find_head .note {
height: auto;
border-width: 0 1px 0 1px;
}
#catalog #catalog_list .find_head .note span {
display: inline;
}
#catalog #catalog_list .find_head .note span.l2,
#catalog #catalog_list .find_head .note span.l3,
#catalog #catalog_list .find_head .note span.l4,
#catalog #catalog_list .find_head .note span.l5,
#catalog #catalog_list .find_head .note span.l6 {
padding: 0;
}
#catalog #catalog_list .find_head #icon_sample {
height: auto;
border-width: 0 1px 1px 1px;
border-radius: 0 0 5px 5px;
}
#catalog #catalog_list h3 div.bold {
font-size: 21px;
}
#catalog #catalog_list h3 div {
display: inline-blci;
font-size: 14px;
}
#catalog #catalog_list .clipclear {
float: right;
font-size: 12px;
text-decoration: underline;
cursor: hand;
cursor: pointer;
}
#catalog #catalog_list #room_cnt {
font-size: 18px;
text-align: center;
font-weight: bold;
float: left;
}
#catalog #catalog_list form#catalog_find_form {
margin-bottom: 15px;
width: auto;
float: none;
padding: 0 10px;
}
#catalog #catalog_list form#catalog_find_form:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_find {
width: auto;
}
#catalog #catalog_find:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_find ul.form_tabs {
display: none;
}
#catalog #catalog_find ul.form_tabs li {
width: auto;
float: none;
}
#catalog #catalog_find .form_panel {
display: block;
width: auto;
position: static;
}
#catalog #catalog_find .form_panel:after {
content: "";
display: block;
clear: both;
}
#catalog #catalog_find .form_panel .t {
width: auto;
}
#catalog #catalog_find .form_panel .form_box {
display: block;
border-bottom: 1px dotted #888;
}
#catalog #catalog_find .form_panel .form_box .btn {
font-size: small;
}
#catalog #catalog_find .form_panel .form_box .ok_btn {
display: none;
}
#catalog .catalog_room {
float: none;
width: auto;
height: auto;
min-height: 200px;
margin: 0 10px 20px;
position: relative;
z-index: 20;
border: 1px solid #ccc;
overflow: hidden;
}
#catalog .catalog_room:after {
content: "";
display: block;
clear: both;
}
#catalog .catalog_room a {
height: auto;
background: none;
}
#catalog .catalog_room .clip {
z-index: 900;
}
#catalog .catalog_room .app_wrap {
width: 100%;
}
#catalog .catalog_room .app_wrap .app_bg {
bottom: 0;
}
#catalog .catalog_room .campaign_flag {
top: 0px;
left: 40%;
}
#catalog .catalog_room h4 {
width: auto;
height: auto;
background: url(../img/catalog_list_room_h4_bg.png) top repeat-x;
font-size: 120%;
padding-right: 50px;
}
#catalog .catalog_room h4 .roomno {
display: inline;
}
#catalog .catalog_room h4 .rt {
display: inline;
}
#catalog .catalog_room .img {
float: left;
width: 100%;
}
#catalog .catalog_room a:hover .img img {
top: -40%;
}
#catalog .catalog_room .text {
height: auto;
float: right;
width: 100%;
overflow: hidden;
}
#catalog .catalog_room .text .base_info,
#catalog .catalog_room .text .price_note,
#catalog .catalog_room .text .comment {
font-size: 110%;
line-height: 1.4;
}
#catalog .catalog_room .text .price_note {
max-height: 5em;
overflow: hidden;
}
#catalog .catalog_room .todetail {
position: absolute;
bottom: 0;
right: 0px;
padding-right: 1em;
font-size: 100%;
}
#catalog .catalog_room .checking {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
}
#catalog #catalog_room_all_items {
width: auto;
}
#con_wrap {
width: 100%;
margin: 0;
}
#con_wrap .desc {
width: 45%;
margin: 0 auto;
}
#con_wrap .con_boxes {
display: block;
}
#con_wrap .con_boxes div.h3 {
flex-basis: 80%;
text-align: center;
margin: -1.5em 0 1.4em;
}
#con_wrap .con_boxes div.h3 div.ti {
font-size: 18px;
padding: 10px 20px;
line-height: 18px;
}
#con_wrap .con_boxes .con_box {
width: 100%;
flex-basis: 80%;
padding: 10px;
margin-bottom: 30px;
border: none;
}
#con_wrap .con_boxes .con_box .inner .item {
margin: 0;
}
#con_wrap .con_boxes .con_notice {
padding: 10px 0 0;
}
#con_wrap .con_boxes .con_notice ul {
margin: 0;
padding: 10px;
}
#con_wrap .mail_input input {
width: 100%;
}
#con_wrap .input_room_title {
width: 100%;
}
#con_wrap .input_room_title_dummy {
width: 90%;
margin: 0 auto 5px;
}
#con_wrap .input_room_title_dummy .tb {
width: 10em;
}
#con_wrap .cookie_notice {
position: static;
top: auto;
left: auto;
width: 90%;
margin: 0 auto ;
padding: 8px 3px;
}
#con_wrap .flow_notice {
width: 100%;
margin: 0 auto;
}
#con_wrap .desc {
width: 100%;
}
#con_wrap .require_notice {
padding: 0;
width: 100%;
}
#con_wrap .require_notice h5 {
margin: 10px 0 4px;
}
#con_wrap .require_notice .con_box {
margin-bottom: 7px;
padding: 0;
}
#con_wrap .require_notice .con_box .ti {
padding: 1px 5px;
}
#con_wrap .require_notice .con_box .inner {
padding: 0;
display: block;
}
#catalog_detail .catalog_room_detail h2 .shoproom {
width: 100%;
}
#catalog_detail .catalog_room_detail h2 .shoproom .roomno_str {
display: block;
margin: 20px auto 20px;
padding: 0;
border: none;
font-size: 30px;
}
#catalog_detail #contact_form {
width: auto;
}
#catalog_detail #contact_form #ul_catalog_form_tab {
width: auto;
}
#catalog_detail #contact_form #ul_catalog_form_tab li.space {
width: auto;
}
#catalog_detail #contact_form #ul_catalog_form_tab li.space.r {
width: auto;
}
#catalog_detail #contact_form #ul_catalog_form_tab li.empty.end {
width: auto;
}
#catalog_detail #contact_form .form_wrap {
width: auto;
}
#catalog_detail #contact_form .form_wrap .form .form_table div.mes {
padding: 0;
}
#catalog_detail #contact_form .form_wrap .form .form_table label.caption {
width: auto;
}
#catalog_detail #contact_form .form_wrap .form .maininput .form_table.A .tr.radios {
padding-left: 0px;
}
#catalog_detail #contact_form .form_wrap .form .maininput .form_table.A .tr.cmmnts {
padding-left: 0px;
}
#catalog_detail #contact_form .form_wrap .form .maininput .form_table.B label.caption {
width: auto;
display: block;
text-align: left;
}
#catalog_detail #contact_form .form_wrap .form .maininput .form_table.B div.mes {
padding: 0;
}
.proceed_btn {
font-size: 20px;
padding: 20px 0;
}
#catalog_footer {
height: 500px;
}
#catalog_footer li {
display: block;
list-style-type: square;
}
.push {
height: 500px;
}
#flickscroll {
display: none;
}
#flickthumb {
display: none;
}
#gallery_mobile {
display: block;
}
#catalog_room_all_items .catalog_room_sml {
padding: 3px 0 10px;
}
#catalog_room_all_items .catalog_room_sml .img {
position: absolute;
display: none;
}
#catalog_room_all_items .catalog_room_sml .ap_btns {
margin: 0 auto 0px;
width: 100%;
}
#catalog_room_all_items .catalog_room_sml .ap_btns button {
width: 45%;
padding: 1px 0;
}
#catalog_room_all_items .catalog_room_sml .ap_btns a.btn {
width: 45%;
padding: 1px 0;
}
#catalog_room_all_items .catalog_room_sml .ap_btns .room_occupied {
width: 45%;
padding: 1px 0;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn h4 {
display: block;
margin: 0;
float: left;
width: auto;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val {
float: left;
margin: 0.4rem;
width: auto;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val .price_detail {
width: auto;
}
#catalog_room_all_items .catalog_room_sml .room_type_btn .val .values.space {
width: auto;
}
#catalog_room_all_items .catalog_room_sml .catalog_room_link {
float: right;
}
#catalog_room_all_items.grid .catalog_room_sml {
width: 100%;
}
#catalog_room_all_items.grid .catalog_room_sml .img {
position: relative;
width: 100%;
height: 150px;
}
#catalog_room_all_items.grid .catalog_room_sml .img img {
height: 150px;
}
#catalog_room_all_items.grid .catalog_room_sml .ap_btns {
margin: 0 auto 0px;
width: 100%;
}
#catalog_room_all_items.grid .catalog_room_sml .ap_btns button {
width: 8em;
padding: 1px 0;
}
#catalog_room_all_items.grid .catalog_room_sml .ap_btns a.btn {
width: 8em;
padding: 1px 0;
}
#catalog_room_all_items.grid .catalog_room_sml .ap_btns .room_occupied {
width: 8em;
padding: 1px 0;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn h4 {
display: block;
margin: 0;
float: none;
width: auto;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn .val {
float: none;
margin: 0;
width: auto;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn .val .price_detail {
width: auto;
}
#catalog_room_all_items.grid .catalog_room_sml .room_type_btn .val .values.space {
width: auto;
}
#catalog_room_all_items.grid .catalog_room_sml .catalog_room_link {
float: none;
}
}