/*///基本設定/////*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


#Outline{
	background:url(../img/back.jpg) repeat center;
	overflow:hidden;
	color:#222;
	font-family:"Noto Sans Japanese","Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:15px;
}
#content{
	width:1000px;
	margin:0 auto 20px;
	padding: 20px;
	overflow:hidden;
	background: #fff;
}



@media only screen and (max-width: 640px){
#Outline,#what_in,#category,#about_download,#title,h1,#main,.cate_menu,.color_box_left,.color_box_right{
	width:100% !important;
}
	#Outline{
		padding: 10px;
	}
#content{
	width: 98%;
	margin-left: 1% !important;
}
#main,#what_in,#about_download,#sns{
	width:96% !important;
	margin:0 2%; !important;
	line-height:140%;
}

#content{
	margin:20px 5px;
	padding: 0 5px;
}
	.cate{
		width: 25%;
	}
.cate,ul.cate_menu li img{
	padding:0 !important;
	font-size:13px !important;
	margin:0 !important;
}
#cate_name{
	font-size:21px !important;
}
h1{
	font-size:23px !important;
}
h2{

	font-size:25px !important;
}
h3{
	font-size:22px !important;
	margin:5px 0 !important;
}
ul.cate_menu{
	margin:0 !important;
}
#side{
	display:none;
}

#sp_banner,#sns3{
	visibility:visible;
}
#title_in{
	margin:0 !important;
}
ul.cate_menu li img{
	border:3px solid #e5cbb5 !important;
}
#main{
	margin-bottom:10px;
}
#arrow{
	width: 100% !important;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
#Outline,#content{
	width:100% !important;
}
#side{
	width:23% !important;
}
#main{
	width:75% !important;
}

}

@media only screen and (min-width: 641px){
#sp_banner,#sns3{
	display:none;
}

}