BODY {
	margin:0;
	padding:0;
	text-align:center;
	background-color: #ecebe9;
	color:#eeeeee;
	overflow-x:hidden;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

A:link {
	color: #eeeeee;
	font-weight: 500;
	text-decoration: none;
}
A:visited {
	color: #66ccff;
}
A:hover {
	color: #66ccff;
	text-decoration: underline;
}
A:active {
	color: #66ccff;
}

/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

/*--------------------------------------
  ヘッダー
--------------------------------------*/
header {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1280px;
	text-align:center;
	background:#0e532e;
	border: 4px #d5923c solid;
	border-bottom: 0;
	box-sizing:border-box;
}
.header{
	margin:0 auto;
	padding:0;
	
}
.header img{
	width:100%;
	max-width:600px;
	
}

/*--------------------------------------
  メイン
--------------------------------------*/
#main {
	margin:0 auto;
	padding:0;
	padding-bottom:30px;
	width:100%;
	max-width:1280px;
	text-align:center;
	line-height:200%;
	background:#0e532e;
	border-left: 4px #d5923c solid;
	border-right: 4px #d5923c solid;
	box-sizing:border-box;
}


/*--------------------------------------
  カラム
--------------------------------------*/
.column {
	width:100%;
	max-width:800px;
	margin:0 auto;
	margin-bottom:10px;
}

.column div{
	float:left;
	width:50%;
}
.column div ul{
	margin:0 auto;
	width:320px;
}
.column ul {
	text-align:left;
	font-size:20px;
	border: 4px #eeeeee solid;
	border-bottom:2px #eeeeee solid;
	box-sizing:border-box;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.column ul li {
	height:40px;
	padding:5px;
	border-bottom:2px #eeeeee solid;
	box-sizing:border-box;
}

/*--------------------------------------
  シェアボタン
--------------------------------------*/
.share{	
	width:100%;
	position: relative;
}
.share_button{
	position: absolute;
   	left: 30%;
   	bottom: 25%;
}
.share_button img{
	width:40px;
	height:40px;
}

/*--------------------------------------
  黒板の下の画像
--------------------------------------*/
.under{
	width:100%;
	max-width:1280px;
	margin:0;
	padding:0;
	border-left: 4px #d5923c solid;
	border-right: 4px #d5923c solid;
	box-sizing:border-box;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}

.pink{
	color:#FF6699

}
.skyblue{
	color:#6699FF
}
/*--------------------------------------
  フッター
--------------------------------------*/
footer{	
	position: fixed;
	width:100%;
	left:0;
  	bottom: 0;
	text-align:left;
	text-shadow:	2px  2px 5px #38332f,
			-2px  2px 5px #38332f,
			 2px -2px 5px #38332f,
			-2px -2px 5px #38332f;

}
footer img{	
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
footer img:hover{	
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*--------------------------------------
  640以下のスクリーン
--------------------------------------*/
@media screen and (max-width: 640px){

.column div{
	float:none;
	width:100%;
	margin-bottom:10px;
}
.home_ad{
	max-width:336px;
	margin:0 auto;
}


footer{
	position:static;
	text-align:center;
	dont-size:14px;
}
footer img{	
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	margin-bottom:10px;
}

.share_button{
   	left: 28%;
	bottom: 26%;
}
}

/*--------------------------------------
  330以下のスクリーン
--------------------------------------*/
@media screen and (max-width: 330px){

.home_ad{
		max-width:300px;
}
}

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


body{
	background-image: url("https://www.nazo2.red/img/banner/background.png");
  	background-position: center center;
	background-repeat: no-repeat;
   	background-attachment: fixed;
	background-size: cover;
}
}