@charset "utf-8";

.heyapage .wrap {
    width: 1000px;
    margin: auto;
}

.nameH1_area {
    position: relative;
    padding-top: 50px;
    margin-bottom: 10px;
}

.heyapage .nameH1_area.wrap {
    margin-bottom: 10px;
}

.heya_h1 {
    margin: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #3c9c4a;
    font-size: 18px;
    vertical-align: middle;
    line-height: 50px;
    padding-bottom: 0;
    padding-left: 20px;
    border: 0;
    background: none;
    background-color: #000F33;
}

.heya_h1 span{
    font-size: 12px;
    background: #737373;
    color: #fff;
    vertical-align: top;
    border-radius: 15px;
    margin-right: 15px;
    line-height: 0.9;
    padding-top: 7px;
    display: inline-block;
    padding: 10px;vertical-align: middle;
}

.nameH1_area .contact{
    position: absolute;
    right: 10px;
    top: 56px;
}

.nameH1_area input.room_buttom_btn {
    background: url(/penguin/resources/image/sumot/precious-h/icon_mail.svg)no-repeat,#EC6700;
    background-size: 20px;
    background-position: 30px;
    font-size: 15px;
    border-radius: 20px;
    padding: 10px;
    padding-left: 60px;
    cursor: pointer;
    color: #fff;
    line-height: 16px;
    border: 0;width: 100%;
}

.sec01_Heya.wrap {
margin-bottom: 40px;
}

.sec01_Heya table {
    width: 100%;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-collapse: collapse
}

.sec01_Heya th{
    background: #f9faf4;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    line-height: 1.2;
    white-space: nowrap;
    color: #686868;
    padding: 10px;
}

.sec01_Heya td{
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 10px;
}

.sec01_Heya td span.rent_large{
color: #ff8a00;
font-size: 18px;
font-weight: bold;
}


p.update.wrap {
    text-align: right;
    font-size: 11px;
    margin-bottom: 10px;
}

.sec02_Heya {
    background: #e9e9e9;
    padding: 35px;
    margin-bottom: 30px;
}

.sec02_Heya .wrap{
    overflow: hidden;
    display: table;
    margin-bottom: 0px;
}

.sec02_Heya .Lbox{
    width: 48%;
    max-width: 520px;
    display: table-cell;
    vertical-align: top;
}

.sec02_Heya .Lbox .tableBox{
    display: table;
    background: #ffffff;
    width: 100%;
    height: 415px;
}

.sec02_Heya .Lbox .madoriBox{
    display: table-cell;
    width: 100%;
    padding: 2%;
    text-align: center;
    vertical-align: middle;
}

.sec02_Heya .Lbox .madoriBox img{
width: auto !important;
height: : auto !important;
max-width: 510px;
max-height: 320px;
}

.madoriBox a.photoThumbHeight-S_2 , .madoriBox a.photoThumbHeight-S_3 , .madoriBox a.photoThumbHeight-S_4 , .madoriBox a.photoThumbHeight-S_5 , .madoriBox a.photoThumbHeight-S_6 , .madoriBox a.photoThumbHeight-S_7 , .madoriBox a.photoThumbHeight-S_8 , .madoriBox a.photoThumbHeight-S_9 , .madoriBox a.photoThumbHeight-S_10 , .madoriBox a.photoThumbHeight-S_11 , .madoriBox a.photoThumbHeight-S_12 , .madoriBox a.photoThumbHeight-S_13 , .madoriBox a.photoThumbHeight-S_14 , .madoriBox a.photoThumbHeight-S_15 , .madoriBox a.photoThumbHeight-S_16 , .madoriBox a.photoThumbHeight-S_17 , .madoriBox a.photoThumbHeight-S_18 , .madoriBox a.photoThumbHeight-S_19 , .madoriBox a.photoThumbHeight-S_20 , .madoriBox a.photoThumbHeight-S_21 , .madoriBox a.photoThumbHeight-S_22 , .madoriBox a.photoThumbHeight-S_23 , .madoriBox a.photoThumbHeight-S_24 , .madoriBox a.photoThumbHeight-S_25 , .madoriBox a.photoThumbHeight-S_26 , .madoriBox a.photoThumbHeight-S_27 , .madoriBox a.photoThumbHeight-S_28 , .madoriBox a.photoThumbHeight-S_29 , .madoriBox a.photoThumbHeight-S_30 {
    display: none;
}

.sec02_Heya .Rbox{
    width: 500px;
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

.sec03_Heya .commentBox{
    width: 470px;
    background-image: url(../../../../../penguin/resources/image/sumot/precious-h/heya_comment_bg.png);
    background-repeat: no-repeat;
    background-size: 160px;background-position: center top;padding-top: 60px;
}

.sec03_Heya .commentBox p.catch{
    background-image: url(../../../../../penguin/resources/image/clasmo/home/t.png);
    background-repeat: no-repeat;
    background-size: 70px;
    font-size: 14px;
    min-height: 60px;
    line-height: 2;
    padding-bottom: 10px;
    border-bottom: 1px dotted #333;
    
}

.sec03_Heya .commentBox p.comment{
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 30px;padding: 0;
}

.sec03_Heya .heyaContact {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;width: 510px;
}

.sec03_Heya .heyaContact .shop_info {
    display: flex ;
    justify-content: space-between ;
    padding: 20px;
    flex-wrap: wrap;
}

.sec03_Heya .heyaContact .shop_info .left{
    width: 140px;
}

.sec03_Heya .heyaContact .shop_info .right{
    width: 300px;
}

.sec03_Heya .heyaContact .shop_info .right dl{
    margin-bottom: 6px;
}

.sec03_Heya .heyaContact .shop_info .right dt{
    font-weight: bold ;
    font-size: 14px;
}

.sec03_Heya .heyaContact .shop_info .right dd{
    margin: 0;font-size: 11px;
}

.sec03_Heya .heyaContact .shop_info .right .shop_page{
    width: 100%;
    margin: 0 0 0 auto;
}

.sec03_Heya .heyaContact .shop_info .right .shop_page a{
    background: #333;
    display: block ;
    text-align: center ;
    color: #fff;
    border-radius: 10px;
    padding: 5px;text-decoration: none;
}

.sec03_Heya .heyaContact h2{
    margin: 0px;
    background-color: #000F33;
    color:#fff ;
    font-size: 15px;
    padding: 10px 10px 10px 20px;
    letter-spacing: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sec03_Heya .heyaContact p.text {
    padding: 15px 12px 0px;
    margin-bottom: 10px;letter-spacing: 0;width: 100%;float: none;height: auto;
}

.sec03_Heya .heyaContact p.text .large{
font-weight: bold ;
font-size: 12px;
}

.sec03_Heya .heyaContact p.text .large.orange{
font-size: 12px;
color: #e98612;
}

.sec03_Heya .heyaContact ul{
    padding: 10px 12px 10px;
    text-align: center;
    width: 95%;
    margin: auto;
    background: #f2f2f2;
}

.sec03_Heya .heyaContact ul li.favarite{
    vertical-align: top;
    display: inline-block;
    width: 28%;
    margin: 0 0.5%;
}

.sec03_Heya .heyaContact ul li.favarite input.start{
    display: block;
    width: 100%;
    border: 0px;
    background-color: #fff;
    height: 50px;
    color: #333;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 3px 3px 3px rgba(104, 104, 104, 0.46);
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
}

.sec03_Heya .heyaContact ul li.favarite input.select{
    display: block;
    width: 100%;
    border: 0px;
    background-color: #fbfbfb;
    height: 50px;
    color: #3c9c4a;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 3px 3px 2px 0 #e6e6e6 inset;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
}

.sec03_Heya .heyaContact ul li.contact {
    vertical-align: top;
    display: inline-block;
    width: 33%;
    margin: 0 0.5%;
}

.sec03_Heya .heyaContact ul li.kengaku {
    vertical-align: top;
    display: inline-block;
    width: 33%;
    margin: 0 0.5%;
}

.sec03_Heya .heyaContact ul li.contact input{
    display: block;
    width: 100%;
    border: 0px;
    background-color: #ed1c24;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    height: 50px;
    box-shadow: 3px 3px 3px rgba(104, 104, 104, 0.46);
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;border-bottom: 0;padding: 0;
}

.sec03_Heya .heyaContact ul li.kengaku input{
    display: block;
    width: 100%;
    border: 0px;
    background-color: #f89016;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    height: 50px;
    box-shadow: 3px 3px 3px rgba(104, 104, 104, 0.46);
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
}

.line_bn {
    width: 100%;
    margin-top: 10px;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 10px;
}

.line_bn img {
    display: block;
}

.sec02_Heya .Rbox {
    overflow: hidden;
    margin-bottom: 40px;
}

.sec02_Heya .Rbox .Lbox{
width: 720px;
float: left;
}

.sec04_Heya .Lbox h2{
    margin: 0px;
    border-left: 4px solid #3c9c4a;
    padding: 3px 0px 3px 10px;
    margin-bottom: 15px;font-size: 18px;
}

.sec04_Heya .Lbox table {
    width: 100%;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.sec04_Heya .Lbox table th{
    background: #f9faf4;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    line-height: 1.2;
    white-space: nowrap;
    color: #686868;
    padding: 16px 10px;
    width: 120px;
}

.sec04_Heya .Lbox table td{
    width: 250px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    line-height: 16px;font-size: 12px;
}

.sec04_Heya .Rbox{
float: right ;
width: 340px;
}

.sec04_Heya .Rbox h3{
    margin: 0px;
    background-color: #000F33;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px 6px 20px;
    letter-spacing: 1px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.sec04_Heya .Rbox dl.access{
    display: block;
    margin-bottom: 10px;
}

.sec04_Heya .Rbox dl.access dt{
display: inline-block ;
width: 6%;
}

.sec04_Heya .Rbox dl.access dd{
    width: 80%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 24px;margin: 0;
}

.sec04_Heya .Rbox .map{
width: 100%;
height: 240px;
margin-bottom: 20px;
}

.sec04_Heya .Rbox .text{
font-size: 13px;
line-height: 26px;
}


.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-color: #eeeeee;
    color: #666666;
    font-size: 11px;
}


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

.roomListTableDataCell span.rent_large{
    color: #ff8a00;
    font-size: 18px;
    font-weight: bold ;
}

.sec05_Heya.wrap {
    margin-bottom: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.sec05_Heya.wrap .nodata {
    text-align: center ;
    padding: 10px;
}

.sec05_Heya .bosyu_table100 {
    padding: 20px
}

.sec05_Heya h2{
    margin: 0px;
    background-color: #000F33;
    color: #fff;
    font-size: 15px;
    padding: 10px 10px 10px 20px;
    letter-spacing: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.sec05_Heya h2 span{
    font-size: 18px;
}

.roomListTableDataCell.list_syosai span {
box-shadow: 0 -3px 0 0 #222 inset;
border-bottom: 1px solid #222;
background-color: #333;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
color: #fff;
display: block;
padding: 8px 12px;
font-size: 14px;
border-radius: 20px;
font-weight: bold;
}

.roomListTableDataCell a {
  text-decoration: none;
}

.roomListTableDataCell input.start {
box-shadow: 0 -3px 0 0 #e6e6e6 inset;
border: 1px solid #c7c7c7;
background-color: #fff;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
border-radius: 4px;
width: 50px;
height: 36px;
cursor: pointer;
font-size: 16px;
color: #ddd;
transition: 0.3s;
}

.roomListTableDataCell input.select {
box-shadow: 0 3px 0 0 #fff inset;
border: 0px solid #c7c7c7;
background-color: #3c9c4a;
padding-top: 7px;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
border-radius: 4px;
width: 50px;
height: 36px;
cursor: pointer;
font-size: 16px;
color: #fff;
transition: 0.3s;
}

.roomListTableDataCell input.select_delete {
box-shadow: 0 -3px 0 0 #e6e6e6 inset;
border: 1px solid #c7c7c7;
background-color: #fff;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
border-radius: 4px;
width: 50px;
height: 36px;
cursor: pointer;
font-size: 16px;
color: #ddd;
transition: 0.3s;
}

.sec02_Heya .Rbox ul {
overflow: hidden;
}

.sec02_Heya .Rbox li {
width: 72px;
height: 72px;
float: left;
margin: 2px;
background: #ffffff;
border: 1px solid #fff;
text-align: center;position: relative;
}

.sec02_Heya .Rbox li:nth-child(1) {
display: none;
}

.sec02_Heya .Rbox li img{
    max-height: 100%;
    position: absolute ;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sec03_Heya {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.heyapage .sec03_Heya.wrap {
    margin-bottom: 40px;/* overflow: visible; */
}

.sec02_Heya input[value=”候補中”] {
    background-color: #bac8bd;
    box-shadow: 0px 0px 0px;
    color:#fff;
}

.sec02_Heya input[value=”追加する”] {
    
}

.sec04_Heya .Rbox .map .mapTableMapCell{
    height: 100%;
}

.wrapPage {
    width: 1000px;
}

.containts {
    width: 1000px;
}

.sec04_Heya.wrap {
    display: flex ;
    justify-content: space-between ;
    margin-bottom: 40px;
}

.sec04_Heya .Lbox{
    width: 650px;
}

.sec04_Heya .Rbox{
    width: 320px;
}

.sec06_Heya {
    background-color: #e7e7e7;
    position: relative ;
    padding: 50px 0;
}

.sec06_Heya:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.sec06_Heya .wrap{
    position: relative ;
}

.sec06_Heya h2{
    background-color: #000F33;
    color: #fff;
    font-size: 18px;
    padding: 8px 10px 8px 20px;
    letter-spacing: 1px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.sec06_Heya ul {
    display: block;
    justify-content: space-between ;
    flex-wrap: wrap ;
}

.sec06_Heya li {
    width: 19%;
    background: #fff;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    margin-right: 0.7%;
    vertical-align: top;
}

.sec06_Heya li:nth-child(5n) {
    margin-right: 0;
}

.sec06_Heya li a{
    position: absolute ;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sec06_Heya li .pic{
    position: relative ;
    height: 127px;
    overflow: hidden ;
}

.sec06_Heya li .pic img{
    position: absolute ;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    max-height: 100%;
}

.sec06_Heya li .text {
    padding: 8px 5px;width: 100%;height: auto;float: none;
}

.sec06_Heya li .text .name{
    font-size: 14px;
    line-height: 18px;
}

.sec06_Heya li .text .name{
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #787878;
}

.sec06_Heya li .text p{
    margin-bottom: 4px;
    font-size: 11px;
}

.sec06_Heya li .text .yatin span , .sec06_Heya li .text .madori span{
    background-color: #000F33;
    color: #fff;
    font-weight: bold ;
    padding: 2px 10px;
    border-radius: 10px;
    margin-right: 5px;
    font-size: 10px;
}



.heya_sec02 {
    background-color: #333;
    padding: 10px 0;margin-bottom: 30px;
}

.heya_sec02 .wrap {
    display: flex ;
    justify-content: space-between ;
    flex-wrap: wrap ;
}

.heya_sec02 .wrap .bx-wrapper,
.line_contact_area .wrap .bx-wrapper{
    width: 560px;
    position: relative ;
}

.heya_sec02 .wrap .bx-wrapper .bx-prev,
.line_contact_area .wrap .bx-wrapper .bx-prev {
    position: absolute ;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 31px;
    width: 30px;
    background-image: url(/penguin/resources/image/living-i/kitanoda/slide_prev.png);
    background-repeat: no-repeat ;
    background-size: cover ;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), inset 0 -2px 0 0 rgba(225, 95, 0, 0.004);
    text-decoration: none;
}

.heya_sec02 .wrap .bx-wrapper .bx-next,
.line_contact_area .wrap .bx-wrapper .bx-next {
    position: absolute ;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: 31px;
    width: 30px;
    background-image: url(/penguin/resources/image/living-i/kitanoda/slide_next.png);
    background-repeat: no-repeat ;
    background-size: cover ;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15), inset 0 -2px 0 0 rgba(225, 95, 0, 0.004);
    text-decoration: none;
}

.line_contact_area .wrap .bx-wrapper .bx-next,
.line_contact_area .wrap .bx-wrapper .bx-prev{
    text-indent: -99px;
    overflow: hidden;
}

a.bx-next.disabled,
a.bx-prev.disabled{
    display: none!important;
}

.heya_sec02 .bx-wrapper #slider2 li{
    height: 420px;
    overflow: hidden ;
    text-align: center ;
    position: relative;
    background-color: #fff;
}

.heya_sec02 .bx-wrapper #slider2 li .butken_num {
    background: url(/penguin/resources/image/_common/btn_wide_icon.png)no-repeat rgba(0, 0, 0, 0.89) 10% center;
    background-size: 12px;
    position: absolute ;
    left: 20px;
    top: 10px;
    color: #fff;
    border-radius: 20px;
    padding: 4px 15px 4px 25px;
    font-size: 11px;
    font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Helvetica','sans-serif';
}

.heya_sec02 .bx-wrapper #slider2 li .caption_02 {
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-shadow: 0px 0px 5px #000;
    background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15) 31.09%, rgba(0, 0, 0, 0.4) 67.23%, rgba(0, 0, 0, 0.6));
    width: 100%;
    text-align: left ;
    padding: 5px 10px;
}

.heya_sec02 .bx-wrapper #slider2 li img{
    max-height: 100%;
    width: auto;
    position: absolute ;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.heya_sec02 .wrap .bx-pager{
    width: 420px;background: none;padding: 0;
}

.heya_sec02 .bx-pager ul.thum_ul img {
    width: 100%;
    height: 100%;
}

.heya_sec02 .bx-pager ul.thum_ul li {
    width: 84px;
    height: 70px;
    float: left;margin: 0;
}

.heya_sec02 .bx-pager ul.thum_ul.thum_width_1 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_2 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_3 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_4 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_5 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_6 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_7 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_8 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_9 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_10 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_11 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_12 li {
    width: 140px;
    height: 105px;
}

.heya_sec02 .bx-pager ul.thum_ul.thum_width_13 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_14 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_15 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_16 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_17 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_18 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_19 li , .heya_sec02 .bx-pager ul.thum_ul.thum_width_20 li {
    width: 105px;
    height: 84px;
}

.heya_sec02 .bx-pager ul.thum_ul li a {
    border: 3px solid #333;
    display: block;
    height: 100%;
    transition: 0.2s;
}

.heya_sec02 .bx-pager ul.thum_ul li a.active {
    border: 3px solid #0b8b5d;
}

.heya_sec02 .bx-pager ul.thum_ul {
    overflow: hidden;
    display: block;
}

.heya_sec02 .bx-pager .caption_02 {
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    background-color: #5eadd6;
    color: #fff;
    font-weight: bold;
    font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;position: absolute;bottom: 0px;left: 0px;
}

div.caption-container {
    position: relative;
    height: 290px;
    width: 440px;
    float: left;
}

.line_contact_area{
    margin-bottom: 100px;
    background: #f1f1f1;
    padding: 50px 0;
}

.line_contact_area h2{
    font-size: 25px;
    margin-bottom: 1em;
    text-align: center;
    color: #00B900;
}

.line_contact_area h2 span{
    font-size: 35px;
    margin-right: .2em;
}

.line_contact_area h2 i{
    margin-right: .5em;
    font-weight: 400;
    font-size: 35px;
}

.line_contact_area .flow_box{
    width: 32%;
    background: #fff;
    padding: 1em;
}

.line_contact_area .flow_box h3{
    font-size: 16px;
    position: relative;
    padding-left: 40px;
}

.line_contact_area .flow_box h3 span.num{
    background: #00B900;
    color: #fff;
    display: block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: -4px;
}

.line_contact_area .flow_box .image{
    width: 100%;
    height: 250px;
    position: relative;
}

.line_contact_area .flow_box .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.line_contact_area .fl_wrap{
    margin-bottom: 50px;
}

.line_contact_area .line_bn{
    width: 40%;
    margin: 0 auto;
}

@media (max-width: 750px) {

.sec04_Heya .Lbox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
}

.sec04_Heya .Lbox table th {
    width: 32%;
    text-align: left ;
    font-size: 13px;
    padding: 10px;
}

.sec04_Heya .Lbox table td {
    width: 68%;
    font-size: 13px;
}

.sec02_Heya {
    display: block;
    padding: 30px 0%;
}

.sec04_Heya .Rbox {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}

.sec02_Heya .Lbox {
    padding: 0px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.sec02_Heya .Rbox {
    padding: 0px;
    width: 100%;
    display: block;margin: 0;
}

.sp_top_access dl.access{
    display: block;
    margin-bottom: 10px;
}

.sp_top_access dl.access dt{
    display: inline-block ;
    width: 6%;
}

.sp_top_access dl.access dd{
    width: 88%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 24px;
}

.sec01_Heya table {
    margin-bottom: 12px;
}

.sec01_Heya {
  margin-bottom: 20px;
}

.sec02_Heya .Rbox .commentBox p.catch {
    padding-left: 0px;
    font-size: 16px;
    margin-bottom: 5px;
    min-height: 0px;
    padding-top: 70px;
    background-position: top center; 
}

.sec02_Heya .Rbox .commentBox p.comment {
    font-size: 13px;
    line-height: 24px;
}

h1.heya_h1 span {
display: block;
width: 100px;
text-align: center;
font-size: 9px;
line-height: 0.9;
padding: 5px;
padding-top: 7px;
margin-bottom: 5px;
}

h1.heya_h1 {
font-size: 16px;
margin-bottom: 10px;
line-height: 21px;
background-size: 32px;
padding: 8px 5px 8px 45px;
}

p.update.wrap {
    font-size: 9px;
    margin-bottom: 4px;
    color: #989898;
}

.sec01_Heya td span.rent_large {
  font-size: 15px;
}

.sp_top_access dl.access dd {
  font-size: 13px;
  line-height: 18px;
}

.sp_top_access dl.access {
  margin-bottom: 4px;
}

.sec01_Heya {
  margin-bottom: 10px;
}

.sec02_Heya .Lbox .tableBox {
  height: 250px;
  display: block;
}

.sec04_Heya .Lbox h2 {
  font-size: 15px;
}


.sec04_Heya.wrap {
  margin-bottom: 20px;
    display: block;
}

.sec05_Heya h2 span {
  font-size: 16px;
}

.sec05_Heya h2 {
  font-size: 14px;
  letter-spacing: 0px;margin-bottom: 10px;
}

.sec05_Heya .roomListTableDataCell.list01 {
    width: 25%;
    display: block;
    float: left;
    border: 0px;
    padding: 0px;
}
.sec05_Heya .roomListTableDataCell.list02 {
    width: 73%;
    text-align: left;
    padding-left: 2%;
    font-size: 11px;
    padding-bottom: 2px;
    display: block;
    float: right;
    border: 0px;
}
.sec05_Heya .roomListTableDataCell.list02 span.sp{
    display: inline-block !important;
}
.sec05_Heya .roomListTableDataCell.list03 {
    width: 73%;
    text-align: left;
    padding-left: 2%;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    float: right;
    border: 0px;
}
.sec05_Heya .roomListTableDataCell.list03 span.sp{
    display: inline-block !important;
    margin-left: 10px;
}
.sec05_Heya .roomListTableDataCell.list07 span.sp{
    display: inline-block !important;
    margin-right: 10px;
    background: #faf4e8;
    color: #333;
    font-size: 9px;
    padding: 4px 4px;
    font-weight: normal;
}
.sec05_Heya .roomListTableDataCell.list04 {
    width: 50%;
    text-align: left;
    padding-left: 5%;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.sec05_Heya .roomListTableDataCell.list07 {
    width: 73%;
    text-align: left;
    padding-left: 2%;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 5px;
    display: block;
    float: right;
    border: 0px;
}
.sec05_Heya .roomListTableDataCell.list08 {
    position: absolute;
    left: 2%;
    top: 8vw;
    padding: 0px;
    z-index: 1000;
    border: 0px;
}

.sec05_Heya .roomListTableDataCell.list08 input{
    width: 30px;
    height: 28px;
    font-size: 14px;
}

.bosyu_table100 .tableRow {
    display: block;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-image: url(../../../../../penguin/resources/image/clasmo/home/enter_sing2.png);
    background-repeat: no-repeat;
    background-size: 4px;
    background-position: 98% center;
    padding-left: 4%;
    overflow: hidden ;
}
    
.bosyu_table100 .tableRow a{
    position: absolute ;
    left: 0px;
    top:0px;
    width: 100%;
    height: 100%;
}
.roomListTableDataCell span.rent_large {
    font-size: 15px;
}

.sec05_Heya .bosyu_table100 {
    padding: 0px;
    display: block;
}

.sec03_Heya .heyaContact {
    border: 0px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 10001;
    background: rgba(0, 0, 0, 0.81);
    border-radius: 0px;
}

.sec03_Heya .heyaContact h2 {
    padding: 5px 8px 0px;
    margin-bottom: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: bold ;
    background: none;
    text-align: center ;
}


.sec03_Heya .heyaContact ul {
    padding: 2px 0px 8px;
    background: none;
}

.sec03_Heya .heyaContact ul li.favarite input {
    height: 34px !important;
    font-size: 3vw !important;
    letter-spacing: 0px !important;
    padding: 4px 0px;
}

.sec03_Heya .heyaContact ul li.contact input {
    height: 34px;
    font-size: 3vw;
    letter-spacing: 0px;
    padding: 4px 0px;
    margin: 0;
    line-height: 24px;
}
    
.sec03_Heya .heyaContact ul li.kengaku input {
    height: 34px;
    font-size: 3vw;
    letter-spacing: 0px;
    padding: 4px 0px;
}

address {
    margin-bottom: 68px;
}

.sec05_Heya .roomListTableDataCell.list01 img.madoriPreview {
    max-width: 100%;
    max-height: 85px;
}

.sec03_Heya li {
    width: 24%;
    margin: 0.5%;
    height: 35px;
}

.sec02_Heya .Lbox .madoriBox img {
    max-width: 100%;
}

.sec02_Heya .Rbox .heyaContact ul li.favarite input {
    height: 34px !important;
    font-size: 10px !important;
    padding: 4px 0px;
    letter-spacing: 0px !important;
}
    
.sec04_Heya .Rbox h3 {
    font-size: 15px;    
}

.sec02_Heya .Rbox .heyaContact ul li.contact input, .sec02_Heya .Rbox .heyaContact ul li.kengaku input {
    -webkit-appearance: none;
}

.sp_ft_contact {
    display: none;
}
    
.wrapPage {
    width: 94%;
}
    
.heya_h1 span {
    display: block ;
    width: 120px;
    text-align: center ;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 6px;
}
    
.sp_top_access dl.access dd {
    margin: 0;
}
    
.heyapage .wrap {
    width: 96%;
}
    
.sec02_Heya .Lbox .madoriBox {
    display: block ;
    height: 100%;
    padding: 2%;
    position: relative;
}
    
.sec02_Heya .Lbox .madoriBox a{
    display: block ;
}
    
.sec02_Heya .Lbox .madoriBox a img{
    position: absolute ;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}
    
.sec02_Heya .Rbox li {
    width: 23%;
    margin: 1%;
    height: 16vw;
}
    
.sec03_Heya {
    display: block ;
}
    
.sec03_Heya .commentBox {
    width: 100%;
}
    
.sec03_Heya .heyaContact {
    width: 100%;
}
    
.sec06_Heya h2 {
    font-size: 14px;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
    
.sec03_Heya .commentBox p.catch {
    font-size: 14px;
}
    
.sec06_Heya ul {
    display: block ;
}
    
.sec06_Heya li {
    width: 100%;
    display: flex;
    justify-content: space-between; 
    transition: 0.3s;
}
    
.sec06_Heya li:hover {
    opacity: 0.5;
}
    
.sec06_Heya li .pic {
    width: 28%;height: 110px;
}
    
.sec06_Heya li .text {
    width: 70%;float: none;height: auto;
}
    
.sec06_Heya li .text p{
    margin-bottom: 4px;
}
    
.sec01_Heya th , .sec01_Heya td {
    font-size: 13px;
}
    
footer#main_footer {
    margin-bottom: 68px;
}
    
footer {
    padding-bottom: 0;
}

.nameH1_area {
    padding-top: 10px;
}

.sec01_Heya.wrap {
    margin-bottom: 10px;
}
    
#breadcrumbs {
    padding-top: 0;
}

#breadcrumbs li{
    font-size: 9px;
    line-height: 15px;
}

.heya_line_bn_sp {
      border-radius: 10px;
      box-shadow: 2px 2px 2px #ccc;
      width: 90%;
      margin: 0 auto 40px auto;
}

.heya_line_bn_sp img {
      display: block;
}

    .heya_sec02 .bx-wrapper #slider2 li {
        background: none;
        height: 70vw;
    }
    
    .heya_sec02 .bx-wrapper #slider2 li .butken_num {
        left: 10px;
        font-size: 10px;
        line-height: 15px;
        padding: 3px 10px 2px 20px;
    }
    
    .heya_sec02 {
        padding: 0;
    }
    
    .heya_sec02 .wrap .bx-pager {
        width: 100%;
        overflow-x: scroll;
        background: none;
    }
    
    .heya_sec02 .bx-pager ul.thum_ul {
        padding: 6px 0px 4px;
        display: inline-flex;
    }
    
    .heya_sec02 .bx-pager ul.thum_ul li {
        width: 19vw !important;
        height: 16vw !important;margin: 0;
    }
    
    .heya_sec02 .bx-pager ul.thum_ul li a {
        position: relative ;
    }
    
    .heya_sec02 .bx-pager ul.thum_ul li a.active:before {
        position: absolute ;
        left: 0;
        text-align: center ;
        display: block ;
        top: -15px;
        content: "▲";
        color: #0b8b5d;
        width: 100%;
    }

/*     ul.thum_ul.thum_width_1 {width: 100%;}
    ul.thum_ul.thum_width_2 {width: 100%;}
    ul.thum_ul.thum_width_3 {width: 100%;}
    ul.thum_ul.thum_width_4 {width: 100%;}
    ul.thum_ul.thum_width_5 {width: 100%;}
    ul.thum_ul.thum_width_6 {width: 108vw;}
    ul.thum_ul.thum_width_7 {width: 126vw;}
    ul.thum_ul.thum_width_8 {width: 144vw;}
    ul.thum_ul.thum_width_9 {width: 162vw;}
    ul.thum_ul.thum_width_10 {width: 180vw;}
    ul.thum_ul.thum_width_11 {width: 198vw;}
    ul.thum_ul.thum_width_12 {width: 216vw;}
    ul.thum_ul.thum_width_13 {width: 234vw;}
    ul.thum_ul.thum_width_14 {width: 252vw;}
    ul.thum_ul.thum_width_15 {width: 270vw;}
    ul.thum_ul.thum_width_16 {width: 288vw;}
    ul.thum_ul.thum_width_17 {width: 307vw;}
    ul.thum_ul.thum_width_18 {width: 325vw;}
    ul.thum_ul.thum_width_19 {width: 343vw;}
    ul.thum_ul.thum_width_20 {width: 360vw;}
    ul.thum_ul.thum_width_21 {width: 379vw;}
    ul.thum_ul.thum_width_22 {width: 397vw;}
    ul.thum_ul.thum_width_23 {width: 414vw;}
    ul.thum_ul.thum_width_24 {width: 432vw;}
    ul.thum_ul.thum_width_25 {width: 451vw;}
    ul.thum_ul.thum_width_26 {width: 468vw;}
    ul.thum_ul.thum_width_27 {width: 486vw;}
    ul.thum_ul.thum_width_28 {width: 504vw;}
    ul.thum_ul.thum_width_29 {width: 522vw;}
    ul.thum_ul.thum_width_30 {width: 542vw;}
    ul.thum_ul.thum_width_31 {width: 559vw;}
    ul.thum_ul.thum_width_32 {width: 576vw;}
    ul.thum_ul.thum_width_33 {width: 594vw;}
    ul.thum_ul.thum_width_34 {width: 612vw;}
    ul.thum_ul.thum_width_35 {width: 630vw;}
    ul.thum_ul.thum_width_36 {width: 648vw;}
    ul.thum_ul.thum_width_37 {width: 666vw;}
    ul.thum_ul.thum_width_38 {width: 684vw;}
    ul.thum_ul.thum_width_39 {width: 702vw;}
    ul.thum_ul.thum_width_40 {width: 720vw;}


} */

.line_contact_area{
    margin-bottom: 10vw;
    padding: 5vw 0;
}

.line_contact_area .flow_box{
    width: 100%;
    background: #00B900;
    color: #ffd;
}

.line_contact_area .flow_box h3{
    font-size: 4vw;
    padding-left: 10vw;
}

.line_contact_area .flow_box h3 span.num{
    width: 7vw;
    line-height: 7vw;
    top: -1vw;
    background: #fff;
    color: #00B900;
}

.line_contact_area .flow_box .image{
    height: 60vw;
    width: 80%;
    margin: 0 auto;
}

.line_contact_area .fl_wrap{
    margin-bottom: 5vw;
    display: block;
}

.line_contact_area .line_bn{
    width: 100%;
    margin-top: 5vw;
}

.line_contact_area h2{
    font-size: 4vw;
}

.line_contact_area h2 span{
    font-size: 4.8vw;
}

.line_contact_area h2 i{
    font-size: 7vw;
}

}