@CHARSET "UTF-8";

#butken_Heya01 {
    overflow: hidden;
    margin-bottom: 30px;
}

#butken_Heya01_L {
    float: left;
    width: 500px;
}

#gaikan_pic {
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px 10px;
    margin-bottom: 10px;
}

.page_tf_contact {
border: 1px solid #cdcdcd;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 5px;
overflow: hidden;
display: table;
width: 100%;
background: #fff;
}

.page_tf_contact p.comment{
    width: 30%;
    margin-bottom: 0px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    vertical-align: middle;
    display: table-cell;
}

.page_tf_contact span.large {
display: block;
}

.page_tf_contact input.shop_contact_btn{
width: 90%;
margin-left: 5%;
margin-bottom: 0px;
text-align: center;
background: url(/penguin/resources/image/sumika/home/contact_icon.png)no-repeat #ffc72e 5% center;
background-size: 8%;
border-radius: 4px;
border: 0px;
font-size: 15px;
padding: 8px;
border-bottom: 4px solid #bc9222;
display: table-cell;
padding-left: 12%;
}

.page_tf_contact input.shop_contact_btn:hover {

}

#butken_Heya01_L img{
max-height: 300px;
max-width: 480px;
}

#butken_Heya01_L img.photoThumb_2 , #butken_Heya01_L img.photoThumb_3 , #butken_Heya01_L img.photoThumb_4 , #butken_Heya01_L img.photoThumb_5 , #butken_Heya01_L img.photoThumb_6 , #butken_Heya01_L img.photoThumb_7 , #butken_Heya01_L img.photoThumb_8 , #butken_Heya01_L img.photoThumb_9 , #butken_Heya01_L img.photoThumb_10 , #butken_Heya01_L img.photoThumb_11 , #butken_Heya01_L img.photoThumb_12 , #butken_Heya01_L img.photoThumb_13 , #butken_Heya01_L img.photoThumb_14 , #butken_Heya01_L img.photoThumb_15 , #butken_Heya01_L img.photoThumb_16 , #butken_Heya01_L img.photoThumb_17 , #butken_Heya01_L img.photoThumb_18{
    display: none;
}

#butken_Heya01_R {
    float: right;
    width: 470px;
}

#butken_Heya01_R table.building_table td{
font-size: 13px;
}

#butken_Heya01_R .page_tf_contact {
    overflow: hidden;
    background: none;
    height: auto;
}

#butken_Heya01_R .page_tf_contact p.comment{
position: static;
width: 60%;
float: left;
font-size: 14px;
text-align: center;
margin-bottom: 0px;
letter-spacing: 2px;
}

#butken_Heya01_R .page_tf_contact p.comment span{
display: block;
line-height: 2;
}

#butken_Heya01_R .page_tf_contact input{
    width: 36%;
    top:0px;
    float: right;
    display: block;
    margin: auto;
    position: static;
}

h3.subtitle {
    background: #3e3e3e;
    padding: 5px 10px;
    color: #fff;
    margin: 0px;
    margin-bottom: 10px;
    font-size: 15px;
}

#butken_Heya02 {
margin-bottom: 30px;
}

#butken_Heya02 ul{
overflow: hidden;
}

#butken_Heya02 li{
width: 157px;
height: 102px;
text-align: center;
margin: 4px;
float: left;
border: 1px solid #ddd;
background: #fff;
}

#butken_Heya02 img {
    max-width: 100%;
    max-height: 100px;
}

.inner h3.subtitle {
line-height: 30px;
}

#bosyu_box {
    background: #f8f8f8;
    box-shadow: 0px 0px 2px rgba(51, 51, 51, 0.74);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
#bosyu_box h3.subtitle {
    margin-top: 0px;
    border-top: 4px solid #23AC38;
    border-bottom: 1px solid #ddd;
    padding: 10px 0px 10px 10px;
}

#bosyu_box ul{
    overflow: hidden;
    padding-bottom: 3%;
}


#bosyu_box li{
width: 175px;
float: left;
margin: 12px;
border-radius: 6px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.44);
padding: 10px;
position: relative;
background: #fff;
transition: 0.2s;
}

#bosyu_box li:hover{
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62);
background: #fcffef;
}

#bosyu_box dl{
margin-bottom: 0px;
}


#bosyu_box dt{
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #a7a7a7;
text-align: center;
height: 108px;
}

#bosyu_box dt img{
max-height: 107px;
max-width: 100%;
}


#bosyu_box dd{
margin-bottom: 5px;
}

#bosyu_box dd span{
    background: #d7701d;
    font-size: 10px;
    padding: 3px 4px;
    margin-right: 5px;
    color: #fff;
    font-weight: bold;
}


#bosyu_box dd.price{
}

#bosyu_box dd.price span{
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
    margin-right: 5px;
    background: none;
}

#bosyu_box li a{
position: absolute;
left: 0px;
top:0px;
width:100%;
height: 100%;
}

.confirmButtonArea input[type="submit"] {
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto;
border: 0px;
padding: 15px;
border-radius: 10px;
background: #22af04;
border-bottom: 3px solid #156d02;
color: #fff;
font-size: 16px;
letter-spacing: 2px;
font-weight: bold;
float: none;
}

#butkenHeya_outline {
max-width: 1000px;
margin: auto;
padding: 20px 0px 50px;
}

#butkenHeya_outline h1 {
background: #333;
font-size: 18px;
padding: 10px 20px;
color: #fff;
letter-spacing: 2px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

table.buildin_info_table {
    font-size: 14px;
    border-bottom: solid 1px #eee;
}

table.buildin_info_table th {
    width: 30%;
    text-align: left;
    color: #524d4d;
    font-weight: normal;
    border-top: solid 1px #b7adad;
    line-height: 3;
}

table.buildin_info_table td {
    border-top: solid 1px #eee;
    padding: 14px 0px;
}

.pc_none {
    display: none;
}

.roomListTableDataCell , .roomListTableDataCellContact{
  vertical-align: middle;
}

.roomListTableTitleCell , .roomListTableTitleCellContact {
  vertical-align: middle;
}


.roomListTableTitleCell {
    display: table-cell;
    text-align: center;
    padding: 10px;
    border-top: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    background: #bdd4dd;
    vertical-align: middle;
}

.roomListTableTitleCellContact {
    display: table-cell;
    width: 115px;
    text-align: center;
    padding: 10px;
    border-top: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    background: #bdd4dd;
    vertical-align: middle;
}



.roomListTableDataCell {
    display: table-cell;
    text-align: center;
    padding: 5px;
    border-top: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    vertical-align: middle;
    background-color:#fff; 
}

.roomListTableDataCellContact {
    display: table-cell;
    text-align: center;
    padding: 5px;
    border-top: solid 1px #d3d3d3;
    border-right: solid 1px #d3d3d3;
    vertical-align: middle;
    background-color:#fff; 
}

.detailsTableDataCell {
    display: table-cell;
    padding: 10px;
    border-top: solid 1px #d3d3d3;
    background:#fff;
    vertical-align: middle;
}


.tableRow .syosai a{
    background-color: rgba(235, 109, 5, 0.88);
    color: #fff;
    padding: 14px 10px;
    display: block;
    border-radius: 49px;
    border-bottom: 2px solid rgba(92, 32, 18, 0.92);
    position: relative;
    letter-spacing: 1px;
    margin: 0;
    font-weight: normal;
    text-decoration: none;
}

.tableRow .syosai a:hover{
background-color: rgba(182, 42, 22, 0.7);
}





@media (max-width: 750px) { 

#butkenHeya_outline {
width: 94%;
margin: auto;
}

#butken_Heya01_L {
float: none;
width: 100%;
}

#butken_Heya01_R {
float: none;
width: 100%;
}

#butken_Heya02 li {
margin: 0.1%;
height: 160px;
width: auto;
position: relative;
}

.page_tf_contact p.comment {
display: none;
}

div.page_tf_contact {
    border:0px;
}

#bosyu_box li {
    width: 94%;
    padding: 3%;
    margin-bottom: 0px;
}

#bosyu_box dt {
float: left;
width: 30%;
height: auto;
border: 0px;
margin-bottom: 0px;
}

#bosyu_box dd {
float: right;
width: 65%;
}

#butken_Heya02 img {
height: 160px;
width: auto;
max-height: 160px;
}

#butken_Heya02 span.butken_num {
position: absolute;
bottom: 5px;
right: 5px;
background: url(/penguin/resources/image/sumika/home/btn_wide_icon.png)no-repeat rgba(0, 0, 0, 0.89) 10% center;
background-size:20%; 
color: #fff;
font-size: 10px;
padding: 4px 10px 4px 25px;
line-height: 12px;
border-radius: 12px;
}
#butken_Heya02 {
    overflow-x: scroll;
}

#sp_telmail {
display: none;
}

div.sp_butken_contact {
background: rgba(0, 0, 0, 0.49);
position: fixed;
bottom: 0px;
height: 50px;
z-index: 1000;
padding: 5px;
width: 100%;
}

div.sp_butken_contact ul{
overflow: hidden;
}

div.sp_butken_contact li.mail {
width: 80%;
float: left;
margin-left: 2%;
margin-bottom: 0px;
text-align: center;
background: #ffc72e;
background-size: 8%;
border-radius: 4px;
border: 0px;
font-size: 15px;
padding: 8px;
border-bottom: 4px solid #bc9222;
display: table-cell;
padding-left: 12%;
position: relative;
height: 40px;
}

div.sp_butken_contact li.mail input.mail_btn {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
background: none;
border: 0px;
}

div.sp_butken_contact li.mail img {
position: absolute;
left: 5%;
top: 15%;
width: 25px;
}

div.sp_butken_contact li.mail span {
font-size: 12px;
}

div.sp_butken_contact li.tel {
float: right;
width: 16%;
margin-bottom: 0px;
text-align: center;
background: #31b613;
background-size: 8%;
border-radius: 4px;
border: 0px;
font-size: 15px;
padding: 8px;
border-bottom: 4px solid #1e6f0c;
display: table-cell;
padding-left: 12%;
position: relative;
height: 40px;
margin-right: 0px;
}

div.sp_butken_contact li.tel a{
position: absolute;
left: 0px;
top:0px;
width: 100%;
height: 100%;
}

div.sp_butken_contact li.tel img {
max-height: 80%;
max-width: 50%;
padding-top: 10%;
width: auto;
}

#butken_Heya02 ul{
overflow-x: scroll;
width: 860%;
-webkit-overflow-scrolling: touch;
}

.inner h3.subtitle {
line-height: 20px;
width: 100%;
background: #fff;
color:#333;
padding: 0px;
border: 0px;
}

.sp_ft_contact {
    display: none;
}

.pc_none {
    display: block;
}

.sp_none {
    display: none;
}

#butken_Heya01_L img {
max-height: 300px;
max-width: 100%;
}

.page_tf_contact input.shop_contact_btn {
padding-left: 0px;
padding-right: 0px;  
font-size: 12px;
}

#butkenHeya_outline {
width:100%;
}
    
.roomListTableDataCellContact {
    width: 20%;
    }
    
.roomListTableTitleCellContact {
    width: 20%;
    }
    
.sp_ft_contact {
    display: none !important;
    }

}