@charset "utf-8";

span.medium {
	font-size: 20px;
}
.layout_container {
    width: 800px;
}
.left_container {
    width: 45%;
}
.left_container img {
    height: 250px;
	width: 250px;
}

.right_container {
    width: 50%;
	margin-left: 5%;
}
.right_container img {
    height: 250px;
	width: auto;
}

.left_container02 {
    width: 50%;
}
.right_container02 {
    width: 50%;
}
.right_container02 img {
	width: 400px;
}

.container {
	width: 30%;
}
.container img {
    max-width: 250px;
}

#spa_info {
	width: 355px;
	float: left;
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
}
#spa_info p{
	width: 370px;
	display: block;
}


/* ■スマホ用CSS
--------------------------------------------------------------*/

/*スマホ用要素PC非表示*/
# {
	display: none;
}

/*スマホ用表示*/
@media screen and (max-width: 750px) {
.layout_container {
    width: 100%;
	display: flex;
	flex-direction: column;
}
.layout_container img {
    width: 100%;
}
	
.left_container {
    width: 100%;
}
.left_container img {
	width: 100%;
}

.right_container {
    width: 100%;
	margin-left: 0;
}
.right_container img {
    height: 250px;
	width: auto;
}

.left_container02 {
    width: 100%;
}
.right_container02 {
    width: 100%;
}
.right_container02 img {
	width: 100%;
}

.container {
	width: 100%;
}
.container img {
    max-width: 100%;
}

#spa_info {
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
}
#spa_info p{
	width: 100%;
	display: block;
}

}