@charset "utf-8";
/* CSS Document */

.colm1 {
	float:left;
	width:1100px;
}

h3 {
	font-size: 18px;
	padding:10px 10px;
	border-left:10px solid #FF5F55;
	border-bottom:1px solid #FF5F55;
	color:#333;
	margin:20px auto;
	letter-spacing:2px;
	clear: both;
}
h5{
	font-size: 18px;
	text-align: center;
	padding: 0 0 5px;
	color: #FF5F55;
	border-bottom: 1px solid #ddd;
}

.mainLayout {
	width: 828px;
	background:#FFF;
	border:1px solid #999;
	box-shadow: 0px 1px 1px #999;
	float:left;
	margin:0 auto 40px auto;
	overflow-x: hidden; /* 横はみ出し防止 */
}

.text {
	width: 90%;
	margin: 20px auto;
	clear: both;
	float: none;
}
.text ul, .text ol{
	margin: 0 30px;
	line-height: 17px;
	font-size: 1.4em;
}

.textDuo,.textFpds,.textProfile {
	width: 90%;
	height: auto;
	margin: 20px auto;
	line-height: 24px;
}
.textDuo p,.textProfile p{
	width: 355px;
	margin: 20px 40px 20px 0;
	float:left;
}
.textDuo ul,.textProfile ul{
	width: 350px;
	margin:30px;
	font-size: 1.4em;
	float: left;
	list-style: none;
}
.textProfile strong{
	font-size: 1.8em;
	color: #F29600;
}
.textProfile dl{
	float: left;
	font-size: 1.4em;
	margin: 14px 0;
	width: 60%;
	border-bottom: 1px dotted #ddd;
}
.textProfile dt{
	float: left;
	color:#F29600;
}
.textProfile dd {
	padding-left: 120px;
	padding-bottom: 5px;
}

/* ★ 高さ固定をやめる */
.dummy{
	width: 100%;
	height: auto;
	margin: 20px auto;
	clear: both;
	float: none;
}

/* お知らせ本文 */
.dummy p,
.inoshirase p{
	font-size: 24px;
	text-align: center;
	color: #333;
	margin: 20px 0;
	overflow-wrap: break-word;
	word-break: break-word;
}

.textFpds p{
	width: 400px;
	margin: 20px 40px 20px 0;
	float:left;
}

.text span,.textDuo span,.textFpds span{
	color: #FF5F55;
	font-weight: bold;
}
.fpds{
	font-size: 18px;
	font-weight: bold;
}

.gloopDuo {
	width: 90%;
	margin: 10px auto;
	line-height: 24px;
}
.gloopDuo p{
	width: 370px;
	margin: 40px 20px 20px 10px;
	float:left;
	border-bottom: 2px dashed #ddd;
}
.gloopDuo span{font-size: 20px;}

.text a,.textDuo a,.gloopDuo a{
	color:#F29600;
}
.text a:hover,.textDuo a:hover,.gloopDuo a:hover{
	border-bottom: 2px solid #F29600;
}

.image{
	width: 273px;
	margin: 0 40px 20px 20px;
	float: left;
	clear: both;
}

.imageRight{
	width: 235px;
	margin: 0 40px 0 20px;
	float: right;
	clear: both;
}

.imageProfile{
	width: 200px;
	margin: 0 40px 20px 20px;
	float: left;
	clear: both;
}

.image img{
	width: 300px;
	margin: 20px 0 0 0;
	border: 3px solid #ddd;
}
.imageProfile img{
	width: 200px;
	margin: 20px 0 0 0;
	border: 3px solid #ddd;
}
.imageRight img{
	width: 200px;
	margin: 24px 0 0px 60px;
}

.accessText{
	width: 395px;
	margin: 0 40px 0 0;
	float: left;
	clear: both;
}
.accessImage img{
	width: 300px;
	margin: 20px 0 0 0;
	border: 3px solid #ddd;
}

.buss p{
  text-align: center;
}

.imageSlider{
	width: 300px;
	height: 170px;
	margin: 22px 10px 20px 20px;
	float: left;
	clear: both;
}

.mainLayout p {
	line-height:24px;
	letter-spacing:1px;
	padding:0 0 20px 40px;
	margin: 16px 0;
}

.day p {
	text-align:right;
}

.lightText{
	line-height:24px;
	letter-spacing:1px;
	padding:0 0 20px 10px;
}
.schedulea{
	width: 80%;
	margin: 5px 10% 40px;
}

.guidetable table{
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
.guidetable th{
	width: 200px;
	border-bottom: 2px solid #fff;
	background:#f6921d;
	padding: 10px;
	color: #fff;
	font-size: 1.4em;
}
.guidetable td{
	padding: 10px;
	border-bottom: 2px solid #fff;
	background:#FFFCC9;
	line-height: 24px;
	font-size: 1.4em;
}

/* ★ iframeは親幅に合わせる */
iframe{
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	border: none;
}

/* ===== スマホ ===== */

@media screen and (max-width : 640px){
	.colm1{
		width: 600px;
		margin: 20px auto 0;
		float: none;
	}
	.mainLayout{
		width: 600px;
		margin: 0 auto 40px;
	}
	.mainLayout p{padding: 0 0 20px 0;}
	.textProfile dl{width: 50%;}
	.image, .imageSlider, .accessImage{margin: 20px auto;}
	.text p ,.textDuo p ,.textFpds p,.gloopDuo p{width: 100%;}
	.textDuo ul,.textProfile ul{width: 100%; margin: 20px 0;}
	.imageRight{
		width: auto;
		margin: 0 auto;
		float: none;
	}
	.imageRight img{
		width: 120px;
		margin: 0;
	}
}

@media screen and (max-width : 480px){
	.colm1{
		width: 400px;
		margin: 20px auto 0;
		float: none;
	}
	.mainLayout{width: 400px;}
	.textProfile dl{width: 100%;}
	.image, .imageSlider, .accessImage{margin: 20px auto;}
	.image img{width: 300px;}
	.guidetable th,.guidetable td{
		width: 95%;
		display: block;
	}
}

/* ===== フロート解除（重要） ===== */

#mainContent::after {
	content: "";
	display: block;
	clear: both;
}

.dummy::after {
	content: "";
	display: block;
	clear: both;
}