@charset "utf-8";

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}


/* ■■要素消しのおまじない■■ */
.clear-element {
  clear: both;
}


.footer_a{padding-bottom:16px; }
 .text{
	display:inline-block;
}
 
/* ■■テキスト関係■■ */

/* ■■ホワイトボード答え■■ */
	.rec_wb_ans{
	font-size: 100%;
	background-color: #9AC7FE;
	color: #000;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 4px; /* 4つのコーナーを半径10pxの角丸に */
	padding-left: 20px; /* 左パディングを20px */
	}

 	
/* ■■基本本文■■ */	
   .honbun {
	   font-size: 100%;
	   color: #000;
    }

/* ■■著者紹介文■■ */
     .tyosya_honbun {
	font-size: 80%;
	line-height: 1.5;
    }

/* ■■著者肩書き■■ */
     .tyosya_kata {
	font-size: 90%;
	font-weight:normal;
	line-height: 1.2;
    }
/* ■■著者名前■■ */
     .tyosya_name{
	font-size: 140%;
	font-weight:bold;
	line-height: 1.2;
    }
	
/* ■■フッタスタイル■■ */	
	.footer_text {
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 50;
	color:#999;
	border-top: 1px solid #999;
	font-weight: bold;
	text-align: center;
	font-size: 70%;
	padding-top:4px;
	}

/*ダウンロード方法
-------------------*/
.explanation{
	margin:30px auto 30px;
}
.explanation p a {
	display: block;
	text-decoration:none;
	width:60%;
	font-size: 1rem;
	line-height:1.5rem;
	background: #666c67;
	text-align:center;
	padding: 10px 10px;
	margin:30px auto;
	color: #fff;
	border-radius:10px;
	transition: all .3s ease-out;
}
.explanation p a:hover  {
	color: #505050;
	background-color: #bcc7d7;
}

@media screen and (max-width: 640px) {
.explanation p a {
	font-size: .7rem;
	width:60%;
}
}