@charset "utf-8";
/* 全ページ共通 */
@font-face {
	font-family: "KRD Rounded";
	src:url(krdrounded-regular-webfont.woff) format('woff');
}
@media print, screen and (min-width: 640px) {
body {
	-webkit-text-size-adjust: 100%;
	font-size:113%;
}
.wrap {
	overflow:hidden;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, Osaka;
	font-size:100%;
}
.circle {
	min-height: 300px;
	border-radius: 2000px/300px;
	margin-left: -200px;
	margin-right: -200px;
  	padding-left: 200px;
	padding-right: 200px;
	background-color:#FFF;
}
.list_area {
	padding-top:50px;
	padding-left:60px;
	padding-right:60px;
	padding-bottom:40px;
}
h1 {
	padding:10px 30px;
	margin:0;
}
h2 {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:bold;
	text-align:left;
}
a {
	text-decoration:none;
}
.p_copyright {
	margin:0 30px 15px;
	padding-left:30px;
	font-size:90%;
	background-color:#00b34a;
	border: 1px solid #00b34a;
}
.p_copyright_a{
	color:#c1ecab;
	text-decoration:none;
}
video {
	max-width: 100%;
    height: auto;
}
.caution-frame {
	width: 80%;
	margin: 30px 50px 20px;
	padding: 10px 20px 0;
	border: 1px solid #aaa;
	position: relative;
	border-radius: 3px;
	border-color: #00b34a;
}
.caution-title {
	position: absolute;
	top: -13px;
	left: 20px;
	padding: 0 5px;
	 margin-right: 5px;
	background-color: #00b34a;
	color:#c1ecab;
	border: 2px solid #00b34a;
	border-radius: 3px;
	font-size:90%;
}
.p_caution {
/*	color:#fff;*/
	font-size:80%;
}
.p_back {
	padding-left:30px;
}
.p_back a{
	color:#999;
}
.p_ew_title{
	margin-top:30px;
	margin-left:20px;
	margin-bottom:0;
	font-size:100%;
	font-weight:bold;
	color:#00b34a;
}
footer{
	font-size:80%;
	color:#000;
	text-align:center;
/* 検定用墨塗り*/
/*	background-color:#000;*/
/* ここまで*/
}

/* 目次ページ */
.body_index {
	background-color:#00913c;
	color:#c1ecab;
}
.title_index {
/* 検定用墨塗り*/
/*	background-color:#000;
	color:#000;*/
/* ここまで*/
}
.list_index {
	padding: 0;
	position: relative;
}
.list_index li {
	color:#930;
	border-left: solid 8px #F90;
	background: #f5f5f5;
	margin-bottom: 5px;
	line-height: 1.5;
	border-radius: 0 15px 15px 0;
	padding: 0.5em;
	list-style-type: none!important;
}
.list_index li:hover {
	background-color:#ffe6c8;
}
.list_contents {
	padding: 10;
	position: relative;
}
.list_contents li {
	color:#00C;
	border-left: solid 8px #F90;
	background: #f5f5f5;
	margin-bottom: 5px;
	line-height: 1.5;
	border-radius: 0 15px 15px 0;
	padding: 0.5em;
	list-style-type: none!important;
}
.list_contents li:hover {
	background-color:#ffe6c8;
}
/* 教科書の各ページからの遷移先 */
.body_pages {
	background-color:#00913c;
	color:#c1ecab;
}
.title_pages {
	
}
.list_pages {
	padding: 0;
	position: relative;
}
.list_pages li {
	color:#930;
	border-left: solid 8px #F90;
	background: #f5f5f5;
	margin-bottom: 5px;
	line-height: 1.5;
	border-radius: 0 15px 15px 0;
	padding: 0.5em;
	list-style-type: none!important;
}
.list_pages li:hover {
	background-color:#ffe6c8;
}
/* コンテンツページ */
.body_contents {
	background-color:#f5f5f5;
	color:#00913c;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, Osaka;
	font-size:113%;
}
.title_contents {

}
.contents_frame {
	margin-left:50px;
	padding-bottom:30px;
}
.video_contents {
	max-width:90%;
}
.img_contents {
	max-width:90%;
}
.audio_contents {
	width:60%;
}
.work_l {
	margin-left:50px;
	padding-bottom:30px;
	height:65vh;
	display:inline-block;
/*	text-align:right;*/
}
.work_l img {
	height:90%;
	text-align:left;
}
.work_l p {
	font-size:90%;
	padding:0;
	margin:0;
}
.work_p {
	margin-left:50px;
	padding-bottom:30px;
	height:90vh;
	display: inline-block;
/*	text-align:right;*/
}
.work_p img {
	height:90%;
	text-align:left;
}
.work_p p {
	font-size:90%;
	padding:0;
	margin:0;
}
/* 英単語ページ */
.ew_contents {
	background-color:#f5f5f5;
	color:#F90;
	font-family:'KRD Rounded','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, Osaka;
	font-size:113%;
}
.title_contents {

}
.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
	color:#00b34a;
    border: solid 2px #00b34a;
    border-radius: 3px;
    transition: .4s;
	margin-top:10px;
	margin-left:60px;
	text-align:left;
	width:350px;
	background-color:#FFF;
}

.square_btn:hover {
    background: #00b34a;
    color: white;
}
.ew_krd {
	font-family:'KRD Rounded','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, Osaka;
	font-size:133%;
}
}
