/*///基本設定/////*/
.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 5px;
	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;
}
	#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;
}
.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;
}

}

.neobunner {
	text-align: center;
	margin: 30px 0;
}
.neobunner :hover{
	opacity: 0.9;
}
.neobunner img{
	margin: 0 auto;
	text-align: center;
}
.button03 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px auto;
  padding: 1em 2em;
  width: 270px;
  color: #814821;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #814821;
	text-decoration:none;
}

.button03 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #814821;
  border-right: 3px solid #814821;
  transform: rotate(45deg);
}

.button03 a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #814821;
}

.button03 a:hover::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
}