@charset "utf-8";

img {  
	border: 0;
}  
li {  
	list-style-type: none;
}

.clear {clear: both;}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {min-height: 1px;}

/* bugfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.small {
	font-size: 90%;
}
.note {
	font-size: 85%;
	line-height: 1.1;
	margin-top: .6em;
}
/* footer */
#footer {
	height: 100px;
	background: #6b5246;
	position: relative;
	border-top: 1px solid #8e4f0c;
	margin-top: 45px;
	color: #fff;
}
#kahaku_map {
	width: 100%;
}
/**/
#footer .footer_in {
	position: relative;
}
a#kahakutop_footer {
	background: url(../images/kahaku_footer_top.png) no-repeat;
	overflow: hidden;
	position: absolute;
	border-bottom: none;
	font-size: 0px;
}
.totop a {
	display: block;
	background: #6b5246 url(../images/btn_totop.png) no-repeat 17px 11px;
	border: 1px solid #6b5246;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
	width: 74px;
	height: 0;
	padding: 35px 5px 0px 28px;
	position: absolute;
	right: 10px;
	top: -35px;
	overflow: hidden;
	font-size: 0px;
}
.cr {
	position: absolute;
	text-align: right;
	clear: both;
	font-size: 75%;
	color: #fff;
	right: 20px;
}
.cr span {
	font-size: 1em;
}
/*.note02 {
	font-size: 85%;
	color: #464646;
	line-height: 1.2;
	margin: 0 0.8em 0 0.8em;
}
.note03 {
	font-size: 85%;
	color: #464646;
	line-height: 1.2;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}*/

/* contents */
#wrapper {
	background: url("../images/bg.gif");
}
section {
	clear: both;
	text-align: left;
	background: rgba(255,255,255,0.7);
	padding: 10px 14px 10px 20px;
	margin-bottom: 15px;
}
.header_in {
	height: 235px;
	padding-top: 30px;
	position: relative;
}
h1 {
	background-image: url("../images/mainImages.png");
	height: 0;
	padding-top: 221px;
	width: 536px;
	margin: 0 auto;
	overflow: hidden;
}
h2 {
	background-image: url("../images/ribbon.png");
	height: 0;
	padding-top: 140px;
	width: 235px;
	margin: 0 auto;
	overflow: hidden;	
	position: absolute;
	top: 0;
	right: 0;
}
#leader {
	background-image: url("../images/lead.png");
	height: 0;
	padding-top: 98px;
	width: 620px;
	margin: 0 auto 30px;
	overflow: hidden;
}
h3 {
	/*border-left: 10px solid #F0AFFF;
	padding-left: 10px;*/
	height: 0;
	padding-top: 25px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.info h3 {
	background-image: url("../images/TTL_info.gif");
}
.sakura_makino h3 {
	background-image: url("../images/TTL_01.gif");
}
.tray_landscape h3 {
	background-image: url("../images/TTL_02.gif");
}
.concert h3 {
	background-image: url("../images/TTL_03.gif");
}
.dendrology h3 {
	background-image: url("../images/TTL_04.gif");
}
.taito_craft h3 {
	background-image: url("../images/TTL_05.gif");
}
.theater360 h3 {
	background-image: url("../images/TTL_06.gif");
}
.tea_party h3 {
	background-image: url("../images/TTL_07.gif");
}
.about h3 {
	background-image: url("../images/TTL_08.gif");
}
h4 {
	margin: 1em 0 0.3em 0;
	background: #ffe2d9;
	padding: .3em .5em;
	border-left: #6b5246 solid 8px;
}
#contents {
	width: 960px;
	background: url("../images/main_bg.png") no-repeat;
	margin: 0 auto;
	font-family:'Lucida Grande',sans-serif; /*'Hiragino Kaku Gothic ProN', Meiryo, */
	font-size: 95%;
	line-height: 1.4;
	padding-bottom: 0;
}
#contents p {
	margin: 2% 0 1em 0;
}
#contents p.cap {
	font-size: 90%;
	line-height: 1.25;
	text-indent: 0;
	position: absolute;
	bottom: -60px;
	right: 5px;
}
.sub_title {
   /* border-bottom: 3px solid #ccc;*/
    display: block;
    margin-bottom: 0.5em;
    position: relative;
}
/* table */
#contents table {
	border-collapse: collapse;
	font-size: 90%;
	width: 95%;
	margin: 2% 0 0 2%;
	border-top: solid 1px #777;
	border-left: solid 1px #777;
}
#contents th,
#contents td {
	background-color: #fff;
	padding: 5px;
	border-bottom: solid 1px #777;
	border-right: solid 1px #777;
	font-weight: 300;
}
#contents th {
	width: 4rem;
	background: #fff1e6;
	font-weight: 600;
	text-align: center;
}
#contents th.pf {
	width: auto;
}
#contents th.kikaku {
	background: #f1d6e3;
}
#contents th.tokuten {
	background: #cde9f7;
}
#contents thead th,
#contents thead td {
	background: #333;
	font-weight: 600;
	text-align: center;
	color: #fff;
}
#contents table.detail_table th {
	background: #f5e5bd;
}
#contents table.table02 {
	width: calc(900px - 250px);
}
/*photo*/
.photo01 {
	width: calc(100% - 210px);
	float: left;
	position: relative;
}
.photo02 {
	width: calc(100% - 260px);
	float: left;
}

.red {
	color: #f00;
}

@media only screen and (max-width: 769px) {
	#contents {
		width: 100%;
		margin: 0;
	}
	.header_in {
    height: 100%;
    padding-top: 10px;
	}
	h1 {
	background-size: contain;
	height: 0;
	padding-top: 40%;
	width: 96%;
	margin: 0 auto;
	overflow: hidden;
	}
	h2 {
	display: none;
	}
	h3 {
	min-height: 1.5rem;
	color: #35111d;
	font-size: 1.2em;
	overflow: visible;
	line-height: 1;
	}
	.info h3,.sakura_makino h3,.tray_landscape h3,.concert h3,.dendrology h3,.taito_craft h3,.theater360 h3,.tea_party h3,.about h3 {
		background-image: url("../images/sakura_icon.svg");
		background-repeat: no-repeat;
		padding: 6px 0 0 35px;
		background-size: 1.5em;
		background-position: 0 1px;
	}
	#leader {
		width: 96%;
		background-image: none;
		height: auto;
		padding-top: 10px;
	}
	p#data {
		text-align: right;
		padding-right: 10px;
	}
	#data {
	position: static;
	}
	#data span {
		position: static;
		text-align: right;
		font-size: .9em;
		margin-bottom: 1.5em;
	}
	#contents table.table02 {
		width: calc(100% - 250px);
	}
	section img {
		width: 160px;
	}
	section .photo01,
	section .photo02 {
		width: calc(100% - 166px);
	}
	a#kahakutop_footer {
    background-size: contain;
    width: 136.6px;
    height: 0;
    padding-top: 28.6px;
    top: 10px;
    left: 10px;
    overflow: hidden;
    position: absolute;
    border-bottom: none;
	}
	.cr {
		margin-top: 10px;
		right: 10px;
	}
	#contents p.cap {
	font-size: 90%;
	line-height: 1.25;
	text-indent: 0;
	position: absolute;
	width: 150px;
	right: -160px;
	top: 165px;
	}
}
@media only screen and (min-width: 769px) {
	/* contents */
	h3 {
		width: 900px;
		margin: 10px 0 0 5px;
	}
	#contents {
		width: 960px;
		margin: 0 auto;
	}

	/* table */
	table .norap {
		white-space: nowrap;
	}
	a#kahakutop_footer {
	background: url(../images/kahaku_footer_top.png) no-repeat;
	width: 205px;
	height: 0;
	padding-top: 43px;
	top: 10px;
	left: 20px;
	overflow: hidden;
	position: absolute;
	border-bottom: none;
	}
}
@media only screen and (max-width: 430px){
	section img {
    width: 100%;
		margin: 0 auto;
	}
	section .photo01, section .photo02 {
    width: 100%;
		float: none;
		clear: both;
	}
	#contents p.cap {
		font-size: 90%;
		line-height: 1.25;
		text-indent: 0;
		position: static;
		width: 100%;
	}
}