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

.readSection {
}

.readSection .container {
margin-bottom: 30px;
}

.readSection .body {
padding: 20px 10px 30px 10px;
text-align: center;
border-bottom: 1px solid #cecdcd;
}

.readSection .body p {
font-size: 12px;
line-height: 1.7em;
display: inline-block;
text-align: left;
}



.artistList li {
padding: 30px 10px;
border-bottom: 1px solid #cecdcd;
}


.artistList li .photo {
display: block;
text-align: center;
line-height: 1.0em;
margin-bottom: 15px;
}

.artistList li .photo img {
width: auto;
height: 184px;
}



.artistList li .photo .caption {
display: block;
font-size: 10px;
}

.artistList li .iBody {
margin-bottom: 20px;
}



.artistList li .iBody  h2 {

font-size: 18px;
font-weight: normal;
text-align: center;
}

.artistList li .iBody p {
font-size: 11px;
line-height: 1.5em;
}

.artistList li .roomList li {
padding: 0;
margin: 0;
border: none;
}

.artistList li .roomList li a {
display: block;
color: #000;
border-bottom: 1px dotted #cecdcd;
font-size: 12px;
padding: 5px 0;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstay/module/images/mark001.png);
background-repeat: no-repeat;
background-position: right bottom 10px;
}

.artistList li .roomList li:first-child a {
border-top: 1px dotted #cecdcd;
}

.artistList li .roomList li a .hotel {
display: block;
}

.artistList li .roomList li a .room {
display: block;
}





/* ============================
		artistProfileSection
 ============================ */
 
 
.artistProfileSection {
}

.artistProfileSection .subTitle {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 16px;
text-align: center;
height: 28px;
line-height: 28px;
border-bottom: 1px solid #cecdcd;
letter-spacing: 5px;
}

.artistProfileSection h2 {
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 24px;
font-weight: normal;
text-align: center;
letter-spacing: 5px;
padding: 20px 0 5px 0;
line-height: 1.0em;
}

.artistProfileSection h2 .script {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 14px;
font-weight: normal;
text-align: center;
letter-spacing: 4px;
line-height: 1.0em;
margin-top: 8px;
}

.artistProfileSection .mainVisual {
margin-bottom: 5px;
}

.artistProfileSection .mainVisual img {
width: 100%;
height: auto;
}

.artistProfileSection .mainVisualCaption {
padding-left: 10px;
font-size: 12px;
line-height: 1.0em;
}

.artistProfileSection .mainVisualCaption span {
display: block;
margin-bottom: 0.2em;
}

.artistProfileSection .wrap {
padding: 25px 10px;
display:-moz-box;
display:-webkit-box;
display:-o-box;
display:-ms-box;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-o-box-orient:vertical;
-ms-box-orient:vertical;
}


.biography {
-moz-box-ordinal-group:3;
-webkit-box-ordinal-group:3;
-o-box-ordinal-group:3;
-ms-box-ordinal-group:3;
}
.gallery {
-moz-box-ordinal-group:1;
-webkit-box-ordinal-group:1;
-moz-box-ordinal-group:1;
-ms-box-ordinal-group:1;
}
.works {
-moz-box-ordinal-group:2;
-webkit-box-ordinal-group:2;
-o-box-ordinal-group:2;
-ms-box-ordinal-group:2;
}

.artistProfileSection .read {
margin-bottom: 30px;
}
.artistProfileSection .read p {
font-size: 12px;
line-height: 1.7em;
}


/* */




.artistProfileSection .iLeft {
}

.artistProfileSection .iRight {
}

/* biography */

.artistProfileSection .biography {
padding-bottom: 0px;
}

.artistProfileSection .biography h3 {
font-size: 12px;
font-weight: normal;
line-height: 1.7em;
margin-bottom: 0.5em;
}

.artistProfileSection .biography p {
font-size: 12px;
line-height: 1.7em;
}

.artistProfileSection .biography dl:before,
.artistProfileSection .biography dl:after {
content:"";
display: table;
}
.artistProfileSection .biography dl:after { clear:both; }
.artistProfileSection .biography dl {
*zoom:1;
margin: 0 0 0.5em 0;
padding: 0;
}

.artistProfileSection .biography dt {

font-size: 12px;
line-height: 1.7em;
}

.artistProfileSection .biography dd {

font-size: 12px;
line-height: 1.7em;
}

/* gallery */

.artistProfileSection .gallery {
}

.artistProfileSection .iRight .gallery {
display: none;
}

.artistProfileSection .gallery ul {
}

.artistProfileSection .gallery li {
margin-bottom: 50px;
}

.artistProfileSection .gallery ul li:last-child {
margin-bottom: 20px;
}

.artistProfileSection .gallery .photo {
}

.artistProfileSection .gallery .photo img {
width: 100%;
height: auto;
line-height: 1.0em;
}

.artistProfileSection .gallery .caption {
font-size: 12px;
}

.artistProfileSection .gallery .copyright {
font-size: 11px;
text-align: right;
}


/* woarks */

.artistProfileSection .woarks {
padding-bottom: 30px;
}

.artistProfileSection .woarks h3 {
font-size: 12px;
font-weight: normal;
line-height: 1.7em;
margin-top: 30px;
margin-bottom: 0.5em;
}

.artistProfileSection .woarks p {
font-size: 12px;
line-height: 1.7em;
}

.artistProfileSection .woarks dl:before,
.artistProfileSection .woarks dl:after {
content:"";
display: table;
}
.artistProfileSection .woarks dl:after { clear:both; }
.artistProfileSection .woarks dl {
*zoom:1;
margin: 0 0 0.5em 0;
padding: 0;
}

.artistProfileSection .woarks dt {
float: left;
width: 50px;
font-size: 12px;
line-height: 1.7em;
}

.artistProfileSection .woarks dd {
float: left;
width: calc(100% - 50px);
font-size: 12px;
line-height: 1.7em;
}

}