@charset "shift_JIS";
/* CSS Document */

* { 
margin: 0;
 padding: 0;
  border: 0;
	box-sizing: border-box;
}
ul,ol {
    margin-left: 1em;
    list-style-position: outside;
}
table {
	border-collapse: collapse;
}
table th {
    padding: 5px;
    border: 1px solid #EBEBEB;
}
table td {
	padding: 5px;
   /*border: 1px solid #EBEBEB; 20260311*/
}

p {
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0px;
}

a {
	color: #0090EC;
	text-decoration: none;
} 
a:visited {
	color: #F46A00;
	text-decoration: none;
} 
a:hover {
	color: #E1001C;
} 
a:active {
　　color: #CC0066; 
} 

.green {
	color: #7EAC5D;
}


.photo {
	border: 10px solid #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}

/*---------------------------------------------------------
  						clearfix
---------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
.clea{
	clear:both;	
	}
* html .clearfix {
    height: 1px;
    /*?*//*/
    height: auto;
    overflow: hidden;
    /**/
}




h1 {
	padding-top: 20px;
	width: 470px;
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
h1 img {
	width: 100%;
}

h3 {
	margin-bottom: 16px;
	padding-bottom: 3px;
	border-top: 1px dashed #5F99FF;
	border-bottom: 1px dashed #5F99FF;
	font-size: 22px;
	padding-top: 3px;
	background-color: #EFFCFF;
	text-align: left;
	font-weight: normal;
	padding-left: 10px;
	background-image: url(images/bg_h3.png);
}


h2 {
	margin-bottom: 20px;
	text-align: left;
	background-image: url(images/bg_h2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 30px;
	height: 60px;
	line-height: 60px;
	font-weight: normal;
	padding-left: 85px;
}


h4 {
    text-align: left;
    font-size: 23px;
    font-weight: normal;
    color: #0259AA;
    margin-bottom: 10px;
    background-image: url(images/bg_h4.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 50px;
    background-color: #FFFFFF;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    border-radius: 10px;
}

img {
	vertical-align: bottom;
	border: 0px;

}



main a:hover img {
	opacity: 0.7;
	-moz-opacity:0.7; 
	filter: alpha(opacity=70);
	zoom: 1;
}




/*ページ構成*/
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	background-color: #A4E4FF;
	color: #5A2603;
	background-image: url(images/bg_body.png);
}


#system_main {
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


header {
	width: 100%;
	padding: 0px;
	overflow: hidden;
	background-image: url(images/bg_header.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#headerbox {
	width: 950px;
	margin-left: auto;
	margin-right: auto;

}


#address {
	width: 320px;
	float: none;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}
#address img {
	width: 100%;
}


#mainnav {
	width: 100%;
	padding: 0px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-bottom: 8px;
}
#mainnav ul {
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
}
#mainnav ul li{
	width: 14.2%;
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative;
		}

#mainnav ul li img{
	width: 100%;
}


#mainbox {
	background-color: #FFFFFF;
	border-top: 10px solid #168A35;
}	
main {
	display: block;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}





footer {
	width: 100%;
	height: 50px;
	background-color: #68B730;
}
footer .copy {
	text-align: center;
	font-size: 12px;
	color: #5A3D1C;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
footer .copy img {
	height: 30px;
	}

.pagetop {
	text-align: right;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
.pagetop img {
	width: 220px;
}

/*スライダー*/


.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
}
.slides {
	height: 100%;
	overflow: hidden;




  *zoom: 1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.slide {
	height: 100%;
	float: left;
	clear: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.slide img {
	width: 100%;
	margin-bottom: 10px;
}
.slider-arrow 
{ position: absolute;
 display: block;
  margin-bottom: -20px; 
  padding: 20px; 
  }

/*
.slider-arrow--right { bottom: 50%; right: 30px; background: url(img/right.png) no-repeat; }
.slider-arrow--left { bottom: 50%; left: 30px; background: url(img/left.png) no-repeat; }
*/

.slider-nav { 
position: absolute; 
bottom: 0px; 
}
.slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	border: 1px solid #85D3FF;
	border-radius: 8px;
}
.slider-nav__item:hover {
	background-color: #D3EFFF;
}
.slider-nav__item--current {
	background-color: #85D3FF;
}





#topslide {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#topimg1 {
	position:absolute;
	top:0px;
}

#topimg1 img {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#topimg2 {
	position:absolute;
	bottom:20px;
}

#topimg2 img {
	width: 100%;
	height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*スライダー*/


/* トップ */

#topnews {
	margin-bottom: 20px;
}
#topnews ul {
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}
#topnews li:nth-child(even){
	width: 96%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #5EB950;
}
#topnews li:nth-child(odd){
	width: 96%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid #A7D240;
}
.img100 img {
	width: 100%;
}
#policy {
	margin-bottom: 30px;
	vertical-align: top;
	text-align: center;
}
#kodomozou {
	height: 705px;
	overflow: visible;
	margin-bottom: 50px;
}
#kodomozou img {
	width: 100%;
	}
.circle-img {
	position: relative;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.circle-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}

#kodomozou1 {
	position: relative;
	height: 220px;
	overflow: visible;
	background-color: #F0F7FF;
	border-radius: 20px;
	margin-bottom: 15px;
}
.kodomop1_1 {
	position: absolute;
	left: 20px;
	top:10px;
	width: 170px;
}
.kodomop1_2 {
	position: absolute;
	left: 190px;
	top:40px;
	width: 170px;
}
.kodomop1_3 {
	position: absolute;
	left: 80px;
	top:155px;
	width: 150px;
}
.kodomot1_1 {
	position: absolute;
	left: 430px;
	top: 20px;
	width: 500px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #307AC8;
}
.kodomot1_2 {
	position: absolute;
	left: 420px;
	top: 100px;
	width: 500px;
	text-align: left;
	border: 2px dashed #C8E1FF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	font-size: 1.1em;
}

#kodomozou2 {
	position: relative;
	height: 220px;
	overflow: visible;
	background-color: #FFF2F4;
	border-radius: 20px;
	margin-bottom: 15px;
}
.kodomop2_1 {
	position: absolute;
	left: 600px;
	top:40px;
	width: 170px;
}
.kodomop2_2 {
	position: absolute;
	left: 790px;
	top:0px;
	width: 170px;
}
.kodomop2_3 {
	position: absolute;
	left: 740px;
	top:150px;
	width: 150px;
}
.kodomot2_1 {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 500px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #FF4372;
}
.kodomot2_2 {
	position: absolute;
	left: 20px;
	top: 100px;
	width: 500px;
	text-align: left;
	border: 2px dashed #FFC5CE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	font-size: 1.1em;
}

#kodomozou3 {
	position: relative;
	height: 220px;
	overflow: visible;
	background-color: #F3FFF3;
	border-radius: 20px;
	margin-bottom: 15px;
}
.kodomop3_1 {
	position: absolute;
	left: 20px;
	top:10px;
	width: 170px;
}
.kodomop3_2 {
	position: absolute;
	left: 190px;
	top:40px;
	width: 170px;
}
.kodomop3_3 {
	position: absolute;
	left: 80px;
	top:160px;
	width: 150px;
}
.kodomot3_1 {
	position: absolute;
	left: 430px;
	top: 20px;
	width: 500px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	color: #129C14;
}
.kodomot3_2 {
	position: absolute;
	left: 428px;
	top: 100px;
	width: 500px;
	text-align: left;
	border: 2px dashed #B0ECB0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	font-size: 1.1em;
}


#map {
	margin-bottom: 30px;
	vertical-align: top;
	margin-top: 30px;
	text-align: center;
}

#map img {
	width: 60%;
	}
#map table {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	border-spacing: 6px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-collapse: separate;
}
#map table th {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 20%;
    background-color: #CCF080;
    border-radius: 10px;
    border-width: 0px;
}

#map table td {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 1px dotted #429239;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

.douzo {
	font-size: 1.3em;
	padding: 1em;
	border: 3px solid #FFB7C7;
	border-radius: 1em;
}


iframe {
	width: 90%;
	height: 300px;
}



#outline {
	margin-bottom: 30px;
}
.gaiyoutxt {
	margin-bottom: 2em;
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
}

#jikan {
	margin-bottom: 30px;
}
#jikan img {
	width: 100%;
}
#jikan dl {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 20px;
}
#jikan dt {
    margin-bottom: 5px;
    font-size: 1.2em;
    border-bottom: 2px dashed rgba(184,217,255,1.00);
}
#jikan dd {
    margin-bottom: 20px;
}
#jikan table {
    border-spacing: 0px;
    border: 1px solid #82D6FF;
    border-collapse: collapse;
}
#jikan table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #82D6FF;
	vertical-align: top;
	color: #155FA4;
	width: 8em;
	background-image: url(images/bg61.png);
}

#jikan table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #82D6FF;
}


#about table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #82D6FF;
	border-collapse: collapse;
}
#about table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #82D6FF;
	vertical-align: top;
	color: #155FA4;
	width: 10em;
}

#about table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #82D6FF;
}


#lunch {
	margin-bottom: 30px;
}
#lunchbox {
	position: relative;
	height: 400px;
}
#lunchbox table {
    border-spacing: 0px;
    border: 1px solid #82D6FF;
    border-collapse: collapse;

}
#lunchbox table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #82D6FF;
	vertical-align: top;
	color: #155FA4;
	width: 8em;
	background-image: url(images/bg61.png);
}

#lunchbox table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #82D6FF;
}

#lunchbox ul {

    list-style: none;
    margin-left: auto;
    margin-right: auto;
}

#lunchbox li {
	width: 350px;
	margin-bottom: 5px;
	text-align: center;
	}
#lunchbox li img {
    width: 100%;
	}
.lunchp1 {
    position: absolute;
    left: 121px;
    top: 140px;
	transform: rotate(2deg);
}
.lunchp2 {
    position: absolute;
    left: 531px;
    top: 127px;
	transform: rotate(-2deg);
}
.lunchp3 {
	position: absolute;
	left: 820px;
	top: 30px;
	transform: rotate(-5deg);
}

#bus {
	margin-bottom: 30px;
}
#bus dl {}
#bus dt {
	text-align: left;
	margin-bottom: 5px;
}
#bus dd {
	text-align: center;
}
#bus dd img {
	width: 50%;
	border-radius: 15px;
	border: 10px solid #FFE99C;
	}
#bus ul {

    list-style: none;
    margin-left: auto;
    margin-right: auto;
}
#bus li {
	width: 350px;
	margin-bottom: 5px;
	text-align: center;
	}
#bus li img {
    width: 100%;
	}
.busp1 {
    position: absolute;
    left: 177px;
    top: 90px;
    transform: rotate(-4deg);
}
.busp2 {
    position: absolute;
    left: 583px;
    top: 29px;
    transform: rotate(2deg);
}
#busbox {
	position: relative;
	height: 400px;
}
#busbox table {
    border-spacing: 0px;
    border: 1px solid #82D6FF;
    border-collapse: collapse;

}
#busbox table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #82D6FF;
	vertical-align: top;
	color: #155FA4;
	width: 8em;
	background-image: url(images/bg61.png);
}

#busbox table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #82D6FF;
}

#hyouka {
	margin-bottom: 30px;
}

#tokushoku {
	margin-bottom: 30px;
}

#katsudou {
	margin-bottom: 30px;
}
.katsudoutxt {
	text-align: left;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.kflex {
	display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-wrap : wrap;
    margin-left: auto;
    margin-right: auto;
}
.kflex dl {
		width: 48%;
    margin-bottom: 30px;
	margin-left: 1%;
	margin-right: 1%;
}
.kflex dt {
    margin-bottom: 5px;
    font-weight: bold;
}
.kflex dd {
    text-align: left;
    border: 2px solid #FFCFDF;
    margin-top: 3px;
    border-radius: 5px;
    background-color: #FFF9E9;
    font-size: 0.9em;
    padding: 5px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
.kflex img {
	width: 92%;
	border-radius: 8px;
}

#katsudou img {
	width: 92%;
	border-radius: 8px;
}

.tsuikibox {
	margin-bottom: 30px;
	background-image: url(images/bg60.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}






#kagai {
	margin-bottom: 30px;
}
#kagai table {
	width: 100%;
}
#kagai td {
    text-align: center;
    width: 50%;
    vertical-align: top;
}


#kagai img {
	width: 92%;
	border-radius: 8px;
}

#kosodate {
	margin-bottom: 30px;
}
#kosodatenav {
	display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    flex-wrap : wrap;
    margin-left: auto;
    margin-right: auto;

}
#kosodatenav dl {
    width: 50%;
    min-height: 600px;
}
#kosodatenav dl dt {
	background-color: #FF799A;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 1.2em;
	display: block;
	margin-bottom: 5px;
}
#kosodatenav dl dd {
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 2px solid #FFE8ED;
	margin-bottom: 5px;
	border-radius: 10px;
}
#kosodatenav dl dt a {
	color: #FFFFFF;
	font-weight: bold;
}
#kosodatenav dl dt a:hover {
	color: #FFDFE7;
	font-weight: bold;
}
#kosodatenav ul {
	margin-left: auto;
	margin-right: auto;
	list-style: none;
	width: 40%;
	position: relative;
}

#kosodatenav li {
    width: 250px;
    margin-bottom: 5px;
    text-align: center;
	}
#kosodatenav li img {
	width: 95%;
	border-radius: 15px;
	border: 5px solid #FFD3D4;
	}
.kosodatep1 {
    position: absolute;
    left: 7px;
    top: 9px;
    transform: rotate(-5deg);
}
.kosodatep2 {
    position: absolute;
    left: 200px;
    top: 165px;
    transform: rotate(5deg);
}
.kosodatep3 {
    position: absolute;
    left: 27px;
    top: 332px;
    transform: rotate(-5deg);
}
.kosodatep4 {
	position: absolute;
	left: 236px;
	top: 188px;
}
.kosodatep5 {
	position: absolute;
	left: 62px;
	top: 315px;
	transform: rotate(-1deg);
}
.kosodatep6 {
	position: absolute;
	left: 255px;
	top: 358px;
	transform: rotate(8deg);
}
.kosodatetxt1 {
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
	background-color: #E5F0FF;
	border-radius: 10px;
}
.kosodatetxt2 {
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
	background-color: #FFE9F8;
	border-radius: 10px;
}
.kosodatetxt3 {
    text-align: left;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-bottom: 40px;
    background-color: #FFF9D1;
    border-radius: 10px;
}


#ichiji {
	margin-bottom: 30px;
}
#ichiji ul {
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}
#ichiji li {
	text-align: left;
	background-image: url(images/list1.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dashed #3D91F9;
}
#gakudou {
	margin-bottom: 30px;
}
#gakudou li {
	text-align: left;
	background-image: url(images/list2.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dashed #F93DC2;
}
#chiiki {
	margin-bottom: 30px;
}
#chiiki > table {
	border-collapse: separate;
}
#chiiki > table th {
    border-width: 0px;
}
#chiiki  >  table td {
    border-width: 0px;
}

#chiiki li {
	text-align: left;
	background-image: url(images/list3.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dashed #FFBB29;
}
#wakuwakuevent {
	margin-bottom: 30px;
}
#wakuwakuevent table {
	width: 100%;
	margin-bottom: 15px;
}
#wakuwakuevent th {
	padding: 5px;
	text-align: center;
	background-color: #FFE7AD;
}
#wakuwakuevent td {
	padding: 5px;
	text-align: center;
	border: 1px solid #FFE7AD;
}




.tsuikibox2 {
	margin-bottom: 30px;
	background-image: url(images/bg63.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}


.chiikimidashi {
	text-align: left;
	background-color: #DDD1FF;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	font-size: 1.2em;
	margin-bottom: 10px;
}
.chiikitxt {
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #E7DFFF;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}

.chiikiphoto table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
.chiikiphoto td {
	padding: 5px;
	text-align: center;
	width: 33.3%;
}
/* ISI ADD 2026.03.07 */
.chiikiphoto img {
    width: 100%;
}
.chiikiphoto dd {
	text-align: center;
	border: 2px solid #DDD1FF;
	margin-top: 3px;
	border-radius: 5px;
	background-color: #FFF9E9;
	font-size: 0.9em;
}
/* ISI END */

.chiikipdf {
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px solid #E7DFFF;
	margin-bottom: 10px;
	background-color: #FAF8FF;
}
.chiikipdf table {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
	border-collapse: separate;
}
.chiikipdf td {
	padding: 5px;
	text-align: center;
	width: 33.3%;
    border-width: 0px;
}
.chiikipdf a {
    background-color: #FFFFFF;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
}
#chiiki dl {
	width: 100%;
	margin-bottom: 10px;
}
#chiiki dt {
    
	margin-bottom: 10px;

}
#chiiki dd {
	text-align: center;
	border: 2px solid #DDD1FF;
	margin-top: 3px;
	border-radius: 5px;
	background-color: #FFF9E9;
	font-size: 0.9em;
}
#chiiki img {
	width: 100%;
	border-radius: 8px;
}




#floor {
	margin-bottom: 30px;
}
.floorimg {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
}

.floorimg img {
    width: 76%;
}

#floorphoto {
	display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
    flex-wrap : wrap;
    margin-left: auto;
    margin-right: auto;
}


#floorphoto dl {
	width: 30.3%;
	margin-bottom: 30px;
	margin-left: 1.5%;
	margin-right: 1.5%;
}
#floorphoto dt {
	margin-bottom: 5px;
}
#floorphoto dd {
	text-align: center;
	border: 2px dashed #BDE5FF;
	margin-top: 3px;
	border-radius: 5px;
	background-color: #FFF9E9;
	font-size: 0.9em;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#floorphoto dl img {
	width: 100%;
	border-radius: 8px;
}




#dl {
	margin-bottom: 30px;
}

#dl ul {
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}

#dl li {
	text-align: left;
	background-image: url(images/list4.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dashed #31BA2A;
}
.dltxt {
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
	background-color: #E7FBE6;
	border-radius: 10px;
}


#info {
	margin-bottom: 30px;
}
#info table {
	width: 100%;
	margin-right: auto;
	margin-left: auto;

	margin-bottom: 2em;
	border-spacing: 4px;
}
#info th {
	padding: 0.5em;
	text-align: left;
	background-color: #BDE5FF;
	font-size: 1.2em;
	border-radius: 8px;
}
#info td {
	border: 1px solid #81CEF7;
	padding: 1em;
	text-align: left;
	background-color: #FFFFFF;
	border-radius: 8px;
}

.infopdf {
	text-align: center;
	margin-top: 15px;

}
.infopdf a {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: auto;
	border: 3px solid #FFFFFF;
	border-radius: 10px;
	display: block;
	color: #632E12;
	-webkit-box-shadow: 1px 1px 3px #B0A192;
	box-shadow: 1px 1px 3px #B0A192;
	width: 10em;
	text-align: center;
	margin-right: 0px;
	background-color: #FFE9C1;
	text-decoration: none;
	font-size: 0.9em;
}
.infopdf a:hover {
	background-color: #52BB9C;
	color: #FFFFFF;
}

.kujoutxt {
	padding: 1em;
	text-align: left;
	background-color: #EAFAFF;
	border-radius: 1em;
	margin-bottom: 15px;
}

#download {
	margin-bottom: 30px;
}

ul.cp_list {
	padding: 0 0.5em;
	list-style-type: none;
	text-align: left;
}

ul.cp_list li {
	position: relative;
	padding: 0.5em;
	margin-bottom: 4px;
	background-color: #FFF1E8;
	border-left: 2.5em solid #FF8751;
}
ul.cp_list li::before {
position: absolute;
content: "\002713";
display: block;
padding: 0.5em;
color: #fff;
top: 50%;
left: -2.25em;
transform: translateY(-50%);
}
ul.cp_list li:last-of-type {
border-bottom: none;
}





#daily {
	margin-bottom: 30px;
}
#daily table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #82D6FF;
	border-collapse: collapse;
}
#daily table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #82D6FF;
	vertical-align: top;
	background-color: #DCF4FF;
	white-space: nowrap;	
}

#daily table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #82D6FF;
}

#day01 {
	margin-bottom: 10px;
	width: 48%;
	float: left;
}

#day01 table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #82D6FF;
	border-collapse: collapse;
}
#day01 table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #82D6FF;
	vertical-align: top;
	background-color: #DCF4FF;
	white-space: nowrap;	
}

#day01 table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #82D6FF;
}

#day2 {
	margin-bottom: 10px;
	width: 48%;
	float: right;
}


#day2 table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #FF9EC7;
	border-collapse: collapse;
}
#day2 table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #FF9EC7;
	vertical-align: top;
	background-color: #FFDCEB;
	white-space: nowrap;
}

#day2 table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #FF9EC7;
}


#day3 {
	margin-bottom: 10px;
	width: 48%;
	float: left;
}

#day3 table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #FFD14F;
	border-collapse: collapse;
}
#day3 table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #FFD14F;
	vertical-align: top;
	background-color: #FFEDBA;
	white-space: nowrap;
}

#day3 table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #FFD14F;
}

#day45 {
	margin-bottom: 10px;
	width: 48%;
	float: right;
}


#day45 table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #9CE165;
	border-collapse: collapse;
}
#day45 table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #9CE165;
	vertical-align: top;
	background-color: #D5F3BD;
	white-space: nowrap;
}

#day45 table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #9CE165;
}



#event {
	margin-bottom: 30px;
}

#event table {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-spacing: 10px;
	margin-top: 15px;
	border-collapse: separate;
}
caption {
	font-size: 1.4em;
}
#event td {
	vertical-align: top;
	background-color: #FFFEE5;
    border-width: 0px;
}
.etd {
	width: 33.3%;
}
#event dl {
	text-align: left;
}
#event dt {
	color: #720F0F;
	background-color: #83C4FF;
	padding: 5px;
	background-image: url(images/bg_event.png);
	font-size: 1.2em;
}
#event dt:first-letter {
font-size: 1.5em;
}

#event dd {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	border-radius: 10px;
	background-color: #FFFEE5;
	margin-bottom: 10px;
}
.ephoto {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}
.ephoto img {
	width: 100%;
	border-radius: 10px;
}
#eventbox {
	position: relative;
	height: 150px;
	overflow: visible;
	margin-bottom: 30px;
}
#eventbox dl {
	position: absolute;
	width: 400px;
	left: 0px;
	top: 0px;
	margin-bottom: 15px;
}


#eventbox li {
	width: 550px;
	margin-bottom: 5px;
	text-align: center;
	list-style: none;
	}
#eventbox li img {
	width: 95%;
	}
.eventp1 {
	position: absolute;
	left: 400px;
	top:0px;
}
.eventp2 {
	position: absolute;
	left: 580px;
	top: 45px;
transform: rotate(5deg);
}
.eventp3 {
	position: absolute;
	left: 780px;
	top: 0px;
	transform: rotate(-5deg);
}

#guidepdf {}
#guidepdf a{
    text-decoration: underline;
}


#guidepdf a:hover {

}



#guide {
}
#guide1 {

	margin-bottom: 30px;
}
#guide1 caption {
	margin-bottom: 10px;
	background-color: #FFD8F3;
	text-align: left;
	padding: 5px;
	font-size: 17px;
}
#guide1 table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#guide1 table th {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	color: #841F68;
	height: 100px;
    border-width: 0px;
}

#guide1 table td {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	text-align: left;
	border-bottom: 1px dashed #BA60A1;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}
#guide1 table th {
 position: relative;
}
#guide1 table th::after {
	content:  url("images/arrow.png");
   top: 3.7em;
   left: 0em;
	position: absolute;
}

#guide1 table tr:last-child th::after {
	content:  url("images/none.png");

}



#guide2 {

	margin-bottom: 30px;
}
#guide2 caption {
	margin-bottom: 10px;
	background-color: #BCDDFF;
	text-align: left;
	padding: 5px;
	font-size: 17px;
}
#guide2 dt {
	margin-bottom: 10px;
	background-color: #BCDDFF;
	text-align: left;
	padding: 5px;
	font-size: 17px;
}
#guide2 dd {
    text-align: left;
}
#guide2 dl {
margin-bottom: 30px;
}
#guide2 table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border-spacing: 0px;
	margin-top: 10px;
	border: 1px solid #BCDDFF;
	border-collapse: collapse;
	margin-bottom: 20px;
}
#guide2 table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 1px solid #BCDDFF;
	vertical-align: top;
	background-color: #E5F2FF;
	white-space: nowrap;
}

#guide2 table td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	text-align: left;
	border: 1px solid #BCDDFF;
}





#blog {

	margin-bottom: 30px;
}
#blog2 {

	margin-bottom: 30px;
}


#blogbox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#blogside {
	width: 200px;
	float: left;
	border-radius: 10px;
	background-color: #E4F5FF;
	background-image: url(images/bg61.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
#blogside ul {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}
#blogside li {
	padding-bottom: 2px;
	list-style-type: disc;
	margin-bottom: 12px;
	border-bottom: 2px dotted #0065A3;
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	margin-left: 15px;
	color: #0065A3;

}
#blog_o {
	text-align: center;
	float: right;
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	padding: 0px;
}

#blog .blogmain {
	text-align: center;
	margin-bottom: 60px;
	background-image: url(images/bg61.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#blog .blogmain > table {
	width: 100%;
	border-spacing: 3px;
	border-bottom: 2px dashed #68B730;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}
#blog table tr .blogtext {
	text-align: left;
	padding: 10px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #FFFFFF;
	width: auto;
    border-width: 0px;
}

#blog .blogphoto {
	width: 33%;
	padding-top: 20px;
    border-width: 0px;
}


#blog .blogphoto img {
	width: 90%;
	border:solid 4px #FFF;
	box-shadow: 1px 1px 4px 0px #D5D3D1;
}
#blog table tr .blogcomment {
	
	font-size: 75%;
	text-align: center;
	padding: 5px;
	margin:5px;
	background-color:#FFF276;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
    border-width: 0px;
}

#blog .blogpdf {
	text-align: center;
    border-width: 0px;
}
#blog .blogpdf a {
	text-align: center;
	padding: 5px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 80%;
	border: 2px solid #66D150;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FFFFFF;
}
#blog .blogdate {
	font-size: 12px;
	text-align: right;
	padding: 5px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: auto;
    border-width: 0px;
}
#blog dl {}
#blog dt {
	text-align: center;
}
#blog dd {
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	color: #824D00;
}




#blog2box {
width: 100%;
margin-right: auto;
margin-left: auto;
}

#blog2side {
	width: 200px;
	float: left;
	border-radius: 10px;
	background-color: #E4F5FF;
	background-image: url(images/bg62.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}


#blog2side ul {
padding-left: 15px;
padding-right: 15px;
text-align: left;
margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	list-style: none;
}
#blog2side li {
	padding-bottom: 2px;
	list-style-type: disc;
	margin-bottom: 12px;
	border-bottom: 2px dotted #9B4600;
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	margin-left: 15px;
	color: #512400;
}
#blog2_o {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	padding: 0px;
	float: right;
	width: 730px;
}

#blog2 .blog2main {
	text-align: center;
	margin-bottom: 60px;
	background-image: url(images/bg62.png);
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#blog2 .blog2main > table {
	width: 100%;
	border-spacing: 3px;
	border-bottom: 2px dashed #C7E8FF;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}
#blog2 table tr .blog2text {
	text-align: left;
	padding: 10px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background-color: #FFFFFF;
	width: auto;
    border-width: 0px;
}

#blog2 .blog2photo {
width: 33%;
padding-top: 20px;
    border-width: 0px;
}


#blog2 .blog2photo img {
width: 90%;
border:solid 4px #FFF;
box-shadow: 1px 1px 4px 0px #D5D3D1;
}
#blog2 table tr .blog2comment {

font-size: 75%;
text-align: center;
padding: 5px;
margin:5px;
background-color:#FFF276;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
    border-width: 0px;
}


#blog2 .blog2date {
	font-size: 12px;
	text-align: right;
	padding: 5px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: auto;
    border-width: 0px;
}
#blog2 .blog2pdf {
	text-align: center;
    border-width: 0px;
}
#blog2 .blog2pdf a {
	text-align: center;
	padding: 5px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	width: 80%;
	border: 2px solid #FFB851;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #FFFFFF;
}

#blog2 dl {}
#blog2 dt {
text-align: center;
}
#blog2 dd {
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	color: #AD4000;
}


/*ページ送り*/
.pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager .pagination li {
    display: inline;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    background-color: #ED4040;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    font-size: 0.9em;
    list-style-type: none;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
    color: #430001;
    background-color: #BEDD8C;
    border-radius: 50%;
}




@media screen and (max-width:768px){

header,main,#mainnav, #mainnav ul, #system_main,#topside {
	width: auto;
	height:auto;	
}
body {
}
#system_main {

}

#topslide {
	width: 100%;
}


header {
	height: auto;
	}
#system_main {
}
#headerbox {
	width:100%;
}
#headerbox ul {
	width: 26%;
}
#address {
	width: 30%;
}
h1 {
	width: 40%;
	}

main {
	margin-top: auto;
	margin-bottom: auto;
	width: auto;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-left: 6px;
	margin-right: 6px;
}


#mainnav ul {
	width: 98%;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.pin {
	position: absolute;
	top:0px;
  left: 0;
  right: 0;
  margin: auto;
	width: 40px;
	z-index: 1000;
}



header {
	width: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-image: url(images/bg_header.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: 100% auto;
}



footer {
}
.pagetop {
	text-align: right;
	padding-bottom: 10px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
footer .copy {
	width: 65%;
	margin-right: auto;
	margin-left: auto;
}
footer .copy img {
	width: 100%;
	height:auto;
	}
#kodomozou {
	position: static;
	height: auto;
}
#kodomozou1 {
	position: static;
	height: auto;
	padding: 15px;
}	
#kodomozou2 {
	position: static;
	height: auto;
	padding: 15px;
}
#kodomozou3 {
	position: static;
	height: auto;
	padding: 15px;
}	
.kodomop1_1 {
	position: static;
	left: auto;
	top:auto;
	width: 250px;
	margin-bottom: 5px;
}
.kodomop1_2 {
	position: static;
	left: auto;
	top:auto;
	width: 250px;
	margin-bottom: 5px;
}
.kodomop1_3 {
	position: static;
	left: auto;
	top: auto;
	margin-left: auto;
	margin-right: auto;
}
.kodomot1_1 {
	position: static;
	left: auto;
	top:auto;
	width: auto;
}
.kodomot1_2 {
	position: static;
	left: auto;
	top:auto;
	width: auto;
}

.kodomop2_1 {
	position: static;
	left: auto;
	top:auto;
	width: 250px;
	margin-bottom: 5px;
}
.kodomop2_2 {
	position: static;
	left: auto;
	top:auto;
	width: 250px;
	margin-bottom: 5px;
}
.kodomop2_3 {
	position: static;
	left: auto;
	top:auto;
	margin-left: auto;
	margin-right: auto;
}
.kodomot2_1 {
	position: static;
	left: auto;
	top:auto;
	width: auto;
}
.kodomot2_2 {
	position: static;
	left: auto;
	top:auto;
	width: auto;
}

.kodomop3_1 {
	position: static;
	left: auto;
	top:auto;
	width: 250px;
	margin-bottom: 5px;
}
.kodomop3_2 {
	position: static;
	left: auto;
	top:auto;
	width: 250px;
	margin-bottom: 5px;
}
.kodomop3_3 {
	position: static;
	left: auto;
	top:auto;
	margin-left: auto;
	margin-right: auto;
}
.kodomot3_1 {
	position: static;
	left: auto;
	top:auto;
	width: auto;
}
.kodomot3_2 {
	position: static;
	left: auto;
	top:auto;
	width: auto;
}
	

	
#lunchbox {
	position: static;
	height: auto;
	overflow: visible;
}
#lunchbox table {
	position: static;
	width: auto;
	margin-bottom: 15px;
	}	
	
	
#lunchbox li {
	width: auto;
	margin-bottom: 15px;
	}	

.lunchp1 {
	position: static;
	left: auto;
	top:auto;
    transform: rotate(0deg);
}	
.lunchp2 {
	position: static;
	left: auto;
	top:auto;
    transform: rotate(0deg);
}
.lunchp3 {
	position: static;
	left: auto;
	top:auto;
    transform: rotate(0deg);
}	
	
#busbox {
	position: static;
	height: auto;
	overflow: visible;
}
#busbox table {
	position: static;
	width: auto;
	margin-bottom: 15px;
	}	
	
#busbox li {
	width: auto;
	margin-bottom: 15px;
	}	

.busp1 {
	position: static;
	left: auto;
	top:auto;
    transform: rotate(0deg);
}	
.busp2 {
	position: static;
	left: auto;
	top:auto;
    transform: rotate(0deg);
}
	
.circle-img {
	position: relative;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.circle-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
#kosodatenav {

}
#kosodatenav dl {
	width: auto;
	left: auto;
	top:auto;
	min-height: auto;
	margin-bottom: 20px;
}
#kosodatenav ul {
	width:100%;
	margin-bottom: 20px;
}
#kosodatenav li {
    width: 90%;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
#kosodatenav li img {
	width: 95%;
	border-radius: 15px;
	}
.kosodatep1 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.kosodatep2 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.kosodatep3 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.kosodatep4 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.kosodatep5 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.kosodatep6 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
	
	
#eventbox {
	position: static;
	height: auto;
	overflow: visible;
}
#eventbox dl {
	position: static;
	width: auto;
	left: auto;
	top:auto;
}

#eventbox li {
	width: 100%;
	text-align: center;
	}
#eventbox li img {
	width: 95%;
	border-radius: 15px;
	}
.eventp1 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.eventp2 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}
.eventp3 {
	position: static;
	left: auto;
	top:auto;
transform: rotate(0deg);
}

	
	
	

.kflex dl {
		width: 98%;
    margin-bottom: 30px;
	margin-left: 1%;
	margin-right: 1%;
}
#floorphoto dl {
		width: 98%;
    margin-bottom: 30px;
	margin-left: 1%;
	margin-right: 1%;
}	
	
	
	
	
#blog .blogmain {
	width: 96%;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#blog td{
	width: 96%;
	display:block;
}

#blog table tr .blogphoto {
	width: 96%;
	padding: 10px;
}
#blogside, #blog_o {
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}	

#blog .blogphoto img {
	width: 80%;

}



#blog2 .blog2main {
width: 96%;
padding: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}

#blog2 td{
width: 96%;
display:block;
}

#blog2 table tr .blog2photo {
width: 96%;
padding: 10px;
}
#blog2side, #blog2_o {
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


#blog2 .blog2photo img {
width: 80%;

}


.x-scroll {
overflow: auto;
}
.x-scroll table{
width:100%;
}
.x-scroll::-webkit-scrollbar{
height: 5px; /* スクロールバーの高さ */
}
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; /* スクロールバーの色 */
}
.x-scroll td, .x-scroll th{
white-space: nowrap;　/* 文字の折返しを禁止 */
}
	
	

	
}

@media screen and (max-width:480px){

h1 {
	width: 74%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	padding-top: 10px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}


footer .copy img {
	width:100%
}

.pagetop img {
	width: 40%;
}

header {
	height: auto;
}
#headerbox ul {
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 60%;
}

#address {
	margin-right: auto;
	margin-left: auto;
	float: none;
	width: 70%;
	padding-top: 0px;
}

#mainnav {

}		
	
#mainnav ul {
	width: 100%;
	}	
#mainnav ul li {
	width: 25%;
	border-right: 0px;
	}


	
#map th {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#map td {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}	
#map img {
	width: 100%;
}
.floorimg img {
	width: 100%;
}
	
	
#floor td {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#floorphoto td {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#day01 {
	width: auto;
	float: none;
}
	
#day2 {
	width: auto;
	float: none;
}	
#day3 {
	width: auto;
	float: none;
}
#day45 {
	width: auto;
	float: none;
}
	#event table {
		border-spacing: 0px;
	}	
#event td {
	display: block;
	margin-bottom: 6px;
}
.etd {
	width: auto;
}


	
.chiikiphoto td {
	display: block;
    width: auto;
}
.chiikipdf td {
	display: block;
    width: auto;
}	
	}