/*
Theme Name: Basic Theme
Theme URI: https://example.com/basic-theme/
Author: Your Name
Author URI: https://example.com/
Description: A basic WordPress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/*///基本設定/////*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


#Outline{
	background:url(img/bg.jpg) repeat center;
	overflow:hidden;
	color: #5a3312;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	font-size:17px;
}
#content{
	width:960px;
	margin:40px auto;
	overflow:hidden;
}



@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;
}
	#content{
		width: 98%;
		margin-left: 1% !important;
	}
#main,#what_in,#about_download{
	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{

	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;
}
.dl{
	width: calc(97% / 3) !important;
	margin-right:1% !important;
	font-size:15px !important;
}
.dl_btn{
	width: auto !important;
}
#point{
	margin:20px 0!important;
	padding:10px !important;
}

ul.cate_menu li img{
	margin:0 5px;
}
#other ul{
	margin-top:5px !important;
}
#sp_none{
	display: none;
}
ul.cate_menu li{
	width: 25% !important;
	margin:0 0 0 0 !important;
	font-size:13px !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;
}

}