@charset "utf-8";

/*オレンジ色読み込み*/
@import url("color-orange.css");

h4{
	font-weight: normal;
}

/*<< 付加*/
h4:before{
	content: "\300A";
	margin-right: 0.5em;
}

/*>> 付加*/
h4:after{
	content: "\300B";
	margin-left: 0.5em;
}

h5{
	font-size: 1.0em;
}

h5:after{
	content: "：";
}

/*居室*/
#room .photo-box .box{
text-align: center;
}

#room .photo-box .box h4{
	margin-bottom: 0.5em;
}

#room .photo-box .box .photo-box-inner{
	display: flex;
	justify-content: space-between;
}

/*写真が用意出来るまで非表示（デイルーム、浴室)*/
.live-space-info .photo{
display: none;
}

/*タイムスケジュール*/
#live-space .schedule small{
display: block;
text-align: center;
}

/*目的別活動*/
#activitys [class^="box-0"] .text-body h3{
	letter-spacing: 0.5em;
}

#activitys .box-09 .text-body h5{
	margin-top: 1.0em;
	margin-bottom: 0.5em;
}

/* PCのみ */
@media screen and (min-width: 768px),print {

	/*施設の概要*/
#outline .box{
	margin-top: 2.0em;
	display: flex;
	justify-content: space-between;
}

#outline .box .text-body2{
	/*margin-right: 1.5em;*/
	/*width: 840px;*/
	width: 850px;
}

/*居室*/
#room .photo-box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.0em;
}

#room .photo-box .box{
width: 48%;
}

 .live-space-info {
	/*display: flex;
	justify-content: space-between;*/
	margin-bottom: 2.0em;
}

/*浴室*/
#bathroom .text-body{
	/*width: 640px;*/
}
/*
#bathroom .photo{
	display: flex;
}

#bathroom .photo img{
	margin-left: 10px;
}
*/

#live-space{
	display: flex;
	flex-direction: row-reverse;
}

.live-space-info .text-body h3{
	margin-top: 0;
}

#live-space .text-body{
	width: 780px;
	margin-left: 15px;
}

#live-space .schedule {
	/*width: 350px;*/
	/*margin-right: 1.5em;*/
}

/*クラブ活動*/
#activitys [class^="box-0"] {
	display: flex;
	justify-content: space-between;
	margin:2.0em 0;
}

#activitys [class^="box-0"] .text-body h3{
	margin-top: 0;
}

#activitys [class^="box-0"] .text-body{
	width: 800px;
}

#activitys [class^="box-0"] .illust img{
	width: 300px;
	height: auto;
}

/*
#activitys .box-01 .illust,
#activitys .box-03 .illust
#activitys .box-05 .illust{
margin-left: 2.0em;
}
*/

#activitys .box-02,
#activitys .box-04{
flex-direction: row-reverse;
}
/*
#activitys .box-02 .illust,
#activitys .box-04 .illust{
margin-right: 2.0em;
}
*/

}

/* スマートフォン */
@media screen and (max-width: 767px) {
	#activitys [class^="box-0"] .illust img{
margin-top: 0.5em;
}
}

/*年間行事*/

.contents-area #events table {
	border-collapse: collapse;
	border-top: none;
	border-right: none;
	margin: 1.0em;
}

.contents-area #events table th,
.contents-area #events table td {
	border-left: none;
	border-bottom: none;
	vertical-align: middle;
}

.contents-area #events table th{
	padding: 5px 5px 5px 0;
	width: 3em;
}

.contents-area #events table td {
	padding: 5px;
}

.contents-area #events table tbody th {
	background-color: transparent;/*背景色無効化*/
	font-weight: normal;
}

.contents-area #events table caption{
	font-size: 1.5em;
	text-align: left;
}

/*春*/
table.event-spring{
color: #EB6B74;
}

/*夏*/
table.event-summer{
color: #00913A;
}

/*秋*/
table.event-autumn{
color: #E73828;
}

/*冬*/
table.event-winter{
color: #036EB7;
}

/* スマートフォン */
@media screen and (max-width: 767px) {

#room .photo-box .box .photo-box-inner{
	flex-direction: column;
	align-items: center;
}

img.second{
margin-top: 10px;
}

.photo,
.schedule,
.illust{
display: flex;
flex-direction: column;
align-items: center;
}

/*
.photo{
	text-align: center;
}

.schedule{
	text-align: center;
}

.illust{
	text-align: center;
}
*/

}