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


/*-float解除-*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	/*  height: auto;
*/  overflow: hidden;
}
/*-全てのタグに適用-*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	/*font-family: Helvetica Neue, sans-serif;*/
	font-family:Times New Roman, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "MSP明朝", "MS PMincho", "MS 明朝", serif;
	/*font-weight: 200;*/
	font-size:14px;
	/*height: 100%;*/
	color:#fff;
	line-height:22px;
/*	min-height:100%;
*/	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:100%;

}
html, body {
	height: 100%;
}
a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
a:active {
	color: #fff;
}
a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	transition: opacity 0.3s ease-out;
}
br {
	letter-spacing: normal;
}
ul {
	list-style-type:none;
}
img {
	max-width: 100%;
}
#container {
	width:100%;
	height:auto;
	overflow: auto;
	background: url(../img/bg_charity.jpg) no-repeat center center fixed; 
	padding-top:70px;
/*	padding-bottom:1150px;*/
	

/*background-attachment: fixed;*/}
#wrapper {
	width:1200px;
	height:100%;
	margin:0 auto 0 auto;
	padding-bottom:200px;
	
	

}
.area {
	font-size:25px;
	margin:70px 0 20px 0;
	padding-top:20px;
}
.schedule{
	font-size:15px;

	}
.area ul.schedule li {
	margin-bottom:10px;
	
}
.area ul.schedule li a {
	text-decoration:underline;
}
h1 {
	font-size:28px;
	padding-bottom:50px;
	width:750px;
	text-align:left;
	margin-left:-17px;

}
h2 {
	font-size:28px;
	padding-bottom:50px;
	width:900px;
	text-align:left;
	margin-left:-17px;

}
h3 {
	font-size:28px;
	padding-bottom:50px;
	width:900px;
	text-align:left;

}
.area_menu ul li a {
	text-decoration: none;
}
.area_menu ul li {
	float:left;
	font-size:25px;
	padding-right:42px;
	margin:50px 0 40px 0;
}
#information{
	float:left;
	margin:0 0 0 0;
	font-size:17px;
	
}
#information a{
	text-decoration:none;
	
}
#information2{
	float:none;
	right:0;
	margin:0 100px 0 0;
	font-size:17px;
	
}
#information2 a{
	text-decoration:none;
	
}
#result{
	margin:50px 0 0 0;
	font-size:17px;

}
#result a{
	text-decoration:none;
}

#delivery{
	margin:30px 0 30px 0;
	font-size:17px;

}
#delivery a{
	text-decoration:none;
}

.aisatsu{
	font-size:15px;
	margin-top:50px;}

.aisatsu p{
	padding-bottom:20px;
}
.info_box{
	font-size:15px;}

.info_box p{
	padding-bottom:20px;
}
.info_box p.bold{
	padding-bottom:10px;
	font-weight:bold;
}

iframe{
	width:100%;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



#tittle{
	font-size:17px;
	margin-top:100px;
	}



#channel{
	width:1200px;
	}
ul#channel li{
	width:200px;
	float:left;
	padding-top:20px;
	padding-right:50px;
}

ul#channel li:last-child{
	width:200px;
	float:right;
	padding-top:20px;
	padding-right:0;
}

ul#channel li img{
	
	height:100px;
	width:200px;
}
ul#channel li p{
	display:inline;
	letter-spacing: -0.16em;
}





@media only screen and (max-width: 1199px) {
#container {
	padding-top:20px;
	width:100%;
	height:auto;
	overflow: auto;
	background: url(../img/bg_charity.jpg) repeat top center fixed; 
}
 #wrapper {
 width:95%;
 height:100%;
 padding:0 10px;
 margin:0 auto 0 auto;
 padding-bottom:100px;
}
 .area_menu ul li {

 margin:0 0 0 0;
}
 .area_menu ul li {
 float:none;
 font-size:20px;
 margin:20px 0 0 0;
}
ul.schedule li {
 padding:10px 0;
}
 .line {
 display:none;
}
h1 {
	width:auto;
	text-align:left;
	font-size:25px;
	line-height:35px;
	padding-bottom:0;
	margin:20px 0 30px 5px;
}
h2 {
	width:auto;
	text-align:left;
	font-size:25px;
	line-height:35px;
	padding-bottom:0;
	margin:20px 0 30px 5px;
}
h3 {
	width:auto;
	text-align:left;
	font-size:25px;
	line-height:35px;
	padding-bottom:0;
	margin:20px 0 30px 5px;
}
.area {
	font-size:20px;
	margin: 50px 0 0 0;
}
#information{
	float:none;
	margin-top:10px;
}
#result{
	margin:20px 0 30px 0;

}
.area_menu{
	
}
h1 span{
	margin-left:-17px;
}
h2 span{
	margin-left:-17px;
}
h3 span{
	margin-left:-10px;
}



#channel{
	width:100%;
	}
ul#channel li{
	width:200px;
	float:none;
	padding-top:20px;
	padding-right:50px;
}

ul#channel li:last-child{
	width:200px;
	float:none;
	padding-top:20px;
	padding-right:0;
}

ul#channel li img{
	
	height:100px;
	width:200px;
}


}

@media only screen and (min-width: 1200px) {

ul.schedule li br{
	display:none;
}

}
@media only screen and (min-width: 800px) {
h2 br{
	display:none;
}

}
@media only screen and (min-width: 600px) {
h1 br{
	display:none;
}


}