@charset "UTF-8";
/* aboutPage */
@media screen and (max-width: 767px) {
/* ============================
		mainVisual
 ============================ */

.mianVisual {
margin-bottom: 10px;
}

.mianVisual .visual img {
width: 100%;
}
.mianVisual figcaption {
display: block;
font-size: 10px;
text-align: right;
margin-right: 10px;
}


.readBody {
position: relative;
padding: 0 10px;
}

.readBody p {
font-size: 12px;
line-height: 1.8em;
margin-bottom: 15px;
}

.readBody .cf {
padding-bottom: 15px;
}

.readBody .leftPhoto {
float: left;
width: calc(50% - 5px);
text-align: center;
}

.readBody .rightPhoto {
float: right;
width: calc(50% - 5px);
text-align: center;
}

.readBody .rightPhoto img,
.readBody .leftPhoto img {
width: 100%;
max-width: 300px;
}

.otherFig {
margin-bottom: 20px;
}

.otherFig img {
width: 100%;
}

.otherFig figcaption {
font-size: 11px;
line-height: 1.5em;
text-indent: -1.5em;
padding-left: 1.5em;
margin: 10px;
}

.banRomSaiSection .contact {
padding: 0 10px 10px 10px;
border-bottom: 1px solid #cecdcd;
}

.banRomSaiSection .contact h3 {
font-size: 17px;
font-weight: bold;
}

.banRomSaiSection .contact p {
font-size: 13px;
margin-bottom: 20px;
}



.hotels {
}

.hotels li {
border-bottom: 1px solid #cecdcd;
}

.hotels li a {
display: block;
color: #000;
padding: 30px 0;
}

.hotels figure {
margin-bottom: 2px;
}

.hotels figure img {
width: 100%;
}

.hotels li .name {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
font-size: 14px;
line-height: 1.2m;
letter-spacing: 3px;
padding: 45px 0 45px 90px;
background-repeat: no-repeat;
background-size: auto 100px;
background-position: left 10px top;
}


.hotels li.naha .name {
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/module/common/images/logo_artstay_naha001.svg);

}

.hotels li.namba .name {
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/module/common/images/logo_artstay_namba001.svg);
}

.hotels li .area {
display: inline;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
font-size: 21px;
color: #3c3737;
line-height: 1.1em;
margin-left: 0.5em;
}

.hotels li .area .inner {
display: inline;
line-height: 1.1em;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/module/common/images/mark003.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 25px;
}






.goods .container {
padding-bottom: 15px;
margin-bottom: 20px;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/ban_rom_sai/images/bg001.png);
background-repeat: repeat-x;
background-position: center bottom;
}

.goods ul {
margin: 0;
padding: 0;
}

.goods li {
border-top: 1px solid #cecdcd;
position: relative;
}

.goods li a {
display: block;
color: #000;
padding-bottom: 30px;
}

.goods .warp {
}

.goods .title {
display: block;
text-align: center;
margin-bottom: 25px;
}

.goods .title .name {
display: inline-block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
font-size: 27px;
color: #3c3737;
line-height: 1.0em;
border-top:6px solid #3c3737;
padding: 5px;
padding-left: 10px;
letter-spacing: 5px;
}

.goods .title .script {
display: block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 12px;
font-weight: normal;
text-align: center;
line-height: 1.0em;
margin-top: 2px;
letter-spacing: 0px;
}

.goods .cf {
}

.goods .photo {
line-height: 1.0em;
margin-bottom: 10px;
}

.goods .photo figcaption {
display: block;
font-size: 10px;
text-align: right;
margin-right: 10px;
}


.goods .photo img {
width: 100%;
}

.goods .body {
display: block;
font-size: 12px;
line-height: 2em;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/ban_rom_sai/images/mark001.png);
background-repeat: no-repeat;
background-position: right 20px bottom;
padding: 10px;
padding-bottom: 20px;
}
}