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

	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	font-size:16px;
}
#content{
	width:960px;
	margin:40px auto;
	overflow:hidden;
}

#wrapper{
	margin: 20px auto;
	width: 980px;
	overflow:hidden;
}

#left{
	width:70%;
	line-height:2rem;
	float:left;
}
#left p{
	margin-bottom:8px;
}
.number{
	font-family: 'Poppins', sans-serif;
}
#title_00{
	margin:30px 0;
	font-size:2.3rem;
	font-weight:bold;
	color: #ca5853;
	background: url('../img/number_00.png')  no-repeat;
	padding:13px 0 15px 90px;
}
#title_01{
	margin:30px 0;
	font-size:2.3rem;
	font-weight:bold;
	color: #ca5853;
	background: url('../img/number_01.png')  no-repeat;
	padding:0 0 0 90px;
	line-height:1.5;
}
#title_01 p{
	font-size:2.0rem;
}

.cate_title{
	font-size:1.9rem;
	font-weight:bold;
	margin:40px 0 20px;
	color:#5a3312;
}

.cate_title_s {
	font-size: 1.3rem;
	background-color: rgba(255, 255, 255, 0.5);
	font-weight:bold;
	padding:7px 0 7px 15px;
	margin:15px 0 10px;
}

.image{
	margin:20px 0 20px;
}

.image a:hover{
	opacity:0.7;
}

.book{
	margin:0 0 20px;
	background:#fff;
	padding:20px;
	text-align:center;
	border: 3px solid #dbaa81;
}
.book p{
	font-size:0.9rem;
	margin-top:5px;
}
.book a{
	color:#5a3312;
}
.book a:hover{
	opacity:0.7;
}

#other_cate{
	margin:40px 0 20px;
}


 /* banner */

#profile{
	width: 96%;
	padding: 10px;
	overflow: hidden;
	margin: 0 auto;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}
.name{
	font-weight: bold;
	font-size: 1.2rem;
}
.profile_txt{
	font-size: 80% !important;
	line-height: 160% !important;
}
#profile_left{
	float: left;
	width: 22%;
}
#profile_right{
	float: right;
	width: 75%;
}
#profile_title{
	font-size: 1.3rem;
	font-weight: bold;
	background:rgba(160,80,13,0.2);
	padding:5px 0 5px 10px;
	text-align:center;
	margin-bottom:15px;
}
#profile_link{
	font-size: 80%;
	margin-bottom: 10px;
}

.other{
	margin-top:15px;
	border: 1px solid #222;
	padding:15px;
	color: #5a3312;
}

a .other:hover{
	background-color: rgba(255,255,255,0.4);
}

.other_icon span{
	background:#5a3312;
	color:#fff;
	padding:5px 10px;
}
.other_title{
	font-size:1.2rem;
	font-weight:bold;
}

.frame-box-001 {
	padding: 20px;
	margin: 30px 0;
	position: relative;
}

.frame-box-001::before, .frame-box-001::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.frame-box-001::before {
	border-left: solid 2px #000000;
	border-top: solid 2px #000000;
	top: 0;
	left: 0;
}

.frame-box-001::after {
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;
	bottom: 0;
	right: 0;
}

 /* side */

#side{
	width:28%;
	float:right;
	margin:30px 0 0 0;
}
	#other{
		font-weight:bold;
		text-align:center;
		font-size:1.5rem;
	}
#columnBlock{
	margin:20px 0;
}
#columnBlock a:hover{
	background: rgba(160,80,13,0.2);
}
.columnstyle{
	margin-bottom:10px;
	font-size:1.0rem;
	background-size: 50px;
	background-position:10px center;
	background-repeat: no-repeat;
	padding:15px 0 15px 70px;
	font-weight:bold;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	color: #5a3312;
	line-height:1.6;
}
a .columnstyle:hover{
	background-color: rgba(255,255,255,0.4);
}
.columnBlock_in_00{
	background-image: url('../img/number_00.png') ;
}
.columnBlock_in_01{
	background-image: url('../img/number_01.png') ;
}
.columnBlock_in_02{
	background-image: url('../img/number_02.png') ;
}
.columnBlock_in_03{
	background-image: url('../img/number_03.png') ;
}
.columnBlock_in_04{
	background-image: url('../img/number_04.png') ;
}
.columnBlock_in_05{
	background-image: url('../img/number_05.png') ;
}
.columnBlock_in_06{
	background-image: url('../img/number_06.png') ;
}
.columnBlock_in_07{
	background-image: url('../img/number_07.png') ;
}
.columnBlock_in_08{
	background-image: url('../img/number_08.png') ;
}
.columnBlock_in_09{
	background-image: url('../img/number_09.png') ;
}
.columnBlock_in_10{
	background-image: url('../img/number_10.png') ;
}

.red{
	color:#ba000d;
	font-weight:bold;
}

.blue{
	color:#004ca2;
	font-weight:bold;
}


@media only screen and (max-width: 640px){
#title_01{
	font-size:1.7rem;
	padding:0 0 0 90px;
	line-height:1.2;
}
#title_01 p {
  font-size: 1.5rem;
}


	#title_pc{
	display:none;
}
	#wrapper {
	  margin: 20px auto;
	  width: 96%;
	  overflow: hidden;
	}
	#left {
	  width: 90%;
	  line-height: 2rem;
	  float: none;
		margin:0 auto;
	}
	#title_00 {
	  margin: 30px 0 20px;
	  font-size: 1.4rem;
		line-height:1.5;
	  font-weight: bold;
		padding: 0 0 15px 90px;
	}
	.cate_title {
	  font-size: 1.3rem;
	}



	#profile_left{
	  float: none;
	  width: auto;
	}
	#profile_right {
	  float: none;
	  width: 100%;
		padding-top:2%;
	}
	.name {
	  font-size: 1rem;
	}
	#side{
		width:90%;
		float:none;
		margin:40px auto;
	}
	#side img{
		width:60%;
	}
	.columnBlock_in_00 {
		padding: 30px 0 30px 70px;
	}
}

@media only screen and (min-width: 641px) and (max-width: 1024px){
}

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