@charset "UTF-8";
/* aboutページCSS */
/* -----------------------------------------------*/
article .border{
border-bottom:5px solid #e9e4e4;
}



#playroom {
}
#playroom ul{
}

#playroom ul li{
display:inline-block;
margin:10px;
	width:46%;
}

#playroom ul li a img{
width:100%;
}

/*スマホ*/
@media screen and (max-width: 768px) {
	#playroom ul li{
width:90%;}
}




 #about{
padding:50px 0 0;
position:relative;
}
article #about .illust{
position:absolute;
bottom:0px;
left:100px;
}

article #about p{
width:70%;
line-height:250%;
margin:0 auto;
font-size:110%;
}

article #about h4{
font-size:120%;
margin-bottom:30px;
}
article #about .history{
width:50%;
margin:50px auto;
}
article #about dl{
margin-top: 15px;
    text-align: left;
    border-bottom: 1px dashed #b9a493;
    padding-bottom: 15px;
}

article #about dt{
width:20%;
display:inline-block;
vertical-align:top;
}
article #about dd{
width:78%;
display:inline-block;
vertical-align:top;
}


article #content dl{
padding:20px;
margin:20px 10px;
text-align:left;
background:#fff;
background-size:contain;
}
article #content dt{
display:inline-block;
font-size:120%;
padding-bottom:10px;
width: 20%;
vertical-align: top;
}
article #content dd{
display:inline-block;
width: 75%;
   border-left: 1px dashed #b9a493;
   padding-left: 30px;}






article #room, #content{
margin:50px auto;
	
}


article #room p,article #security{
line-height:250%;
font-size:110%;
margin-bottom:20px;
}
article #room .roomphoto{
width:100%;
height:auto;
}

article #entranceflow dl{
    text-align: left;
    width: 50%;
    margin: 30px auto;
    padding: 20px;
}



article #entranceflow dt{
font-size:130%;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #999966;
}



article #entranceflow dd{
}







article #entrance p{

width:70%;

line-height:250%;

margin:0 auto;

font-size:110%;

}



article #entrance.photo{

margin-top:20px;

width:100%;

height:auto;

}

































/**/






/*スマホ*/
@media screen and (max-width: 768px) {

article #about .history{
width:95%;
}
article #about dl{
margin-top:10px;
border-bottom:1px dashed #b9a493;
margin-bottom:10px;
padding-bottom:10px;
}

article #about dt{
width:30%;
vertical-align:middle;
}
article #about dd{
width:68%;
vertical-align:middle;
}



article #about{
position:relative;
}
article #about .illust{
display:none;
}

article #about p{
width:90%;
line-height:250%;
margin:0 auto;
font-size:100%;
}

article #content dl{
width:80%;
padding:20px;
margin:0px auto 10px;
}
	
article #content dt{
width:100%;
}

article #content dd {
border-top: 1px dashed #b9a493;
display:block;
width:100%;
padding-left:0;
border-left:0;
	}
	



article #room p,article #security{
line-height:250%;
font-size:100%;
margin:0 auto 20px;
width:90%;
}

article #security{
margin-bottom:50px;}


article #entranceflow dl{
margin:0 auto;
margin-bottom:10px;
width:80%; 
}

article #entranceflow dt{
margin-bottom:5px;
padding-bottom:5px;
}


article #entranceflow dd{
vertical-align:top;
}


article #entrance p{
width:90%;
line-height:250%;
margin:0 auto;
font-size:100%;}





}