@charset "UTF-8";

.publicspace {
	width: 100%;
}

.navi {
	box-sizing:border-box;
	width: 100%;
	padding: 0 10px;
}

#secondPage {
	box-sizing: border-box;
	width: 100%;
	padding: 0 10px;
}

#secondPage .innerSecond {
	width: 100%;
}

#secondPage h2 {
	box-sizing: border-box;
	width: 100%;
	margin: 0 10px 20px 0;
}

#secondPage .secondLeft {
	float: none;
	box-sizing: border-box;
	width: 100%;
	border-right: none;
}

#secondPage .secondLeft h3 {
	margin: 20px 0px 30px 0;
}

#secondPage .publicBox {
	box-sizing: border-box;
	width: 100%;
}

#secondPage .publicBox table {
	box-sizing: border-box;
	width: 100%;
}

#secondPage .publicBox tbody,
#secondPage .publicBox tr,
#secondPage .publicBox th,
#secondPage .publicBox td {
	box-sizing: border-box;
}

#secondPage .publicspaceBox {
	float: none;
	box-sizing: border-box;
	width: 100%;
}

#secondPage .publicLarge {
	box-sizing: border-box;
	width: 100%;
}

#secondPage .publicLarge a {
	box-sizing: border-box;
	width: 100%;
}

#secondPage .publicLarge a img {
	width: 100%;
	height: auto;
}

.publicspaceBox .publicPhoto {
	margin-right: 0;
	margin-left: 0;
	display: inline-block;
	width: calc(50% - 10px);
	font-size: 10px;
}

.publicspaceBox .publicPhoto:nth-child(2n){
	margin-left: 20px;
}

.publicspaceBox .publicPhoto a{
	display:block;
}

.publicspaceBox .publicPhoto img{
	width:100%;
	height:auto;
}

#secondPage .madoriSmall {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

#secondPage .madoriSmall img{
	width:100%;
	height:auto;
}

#secondPage  .bFreeBox {
	box-sizing: border-box;
	width: 100%;
}

#secondPage  .bFreeBox ul li {
	box-sizing: border-box;
	width: 100%;
}

#secondPage  .bFreeBox ul  br {
	display: none;
}

#secondPage .flowBox {
	width: 100%;
}

#secondPage .publicspace p {
	width:100%;
}



/*----- メインギャラリー -----*/
.publicspaceBox.flex div{
	flex: 1 1 48%;
	max-width: 48%;
}

.publicspaceBox.flex div a{
	text-align: center;
}



/*----- 地図の設定 -----*/

.map p {
	margin: 10px 0;
	width: 100%;
}



/*----- スケジュールの設定の設定 -----*/
#middle .schedulebox tbody  th {	
	display: inline-block;
	vertical-align:middle;
	width: 32%;
}

#middle .schedulebox tbody td {
	display: inline-block;
	vertical-align:middle;
	width: 60%;
}



/*-----地図の設定------*/
.map iframe {
	width: 100%;
	padding: 0 10px;
}




/*------サブメニューの設定-----*/

#secondPage .secondRight {
	float: none;
	box-sizing: border-box;
	width: 100%;
}

#secondPage .secondRight ul {
	 margin: 0 10px;
}

#secondPage .secondRight ul li {
	box-sizing: border-box;
	width: 100%;
}

#secondPage .secondRight a { 
	width: 100%;
}

#secondPage .secondRight a br {
	display: none;
}