@charset "UTF-8";
/* CSS Document */

body {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
img {
	max-width:100%;
	height:auto;
}



/* ===============================================
　くらするーむいんぐりっしゅ
=============================================== */

#contents {
	background: url(../images/phrase/bg.png) repeat center top;
}
#contents .classroom {
	background: #fff;
	margin: 0px 0 25px;
	padding: 0px 0px 25px;
}
#contents .classroom .ttl {
	width: 35%;
	margin: 0 auto;
	text-align: center;
	font: 25px/55px "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #FFF;
	-webkit-border-radius: 20px;/* 50%でもOK */
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
	top: -25px;
}
.ttl.hagemasu {
	background: #7da121;
	border-bottom: 3px solid #5a7319;
}
.ttl.homeru {
	background: #ea8a37;
	border-bottom: 3px solid #be6314;
}
.ttl.tyuui {
	background: #535ca3;
	border-bottom: 3px solid #2d3684;
}
.link_btn {
	width:48%;
	float: left;
	margin: 0 0 10px;
	text-align: center;
	font: 25px/65px "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #FFF;
	-webkit-border-radius: 20px;/* 50%でもOK */
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: relative;
}
.link_btn:nth-child(even) {
	float: right;
}
.link_btn a {
	color: #FFF;
	display:block;
}
.link_btn.hagemasu {
	background: #7da121;
	border-bottom: 3px solid #5a7319;
}
.link_btn.homeru {
	background: #ea8a37;
	border-bottom: 3px solid #be6314;
}
.link_btn.tyuui {
	background: #535ca3;
	border-bottom: 3px solid #2d3684;
}
/*.link_btn:hover {
	margin: 3px 0 0;
	border-bottom:none;
}
.link_btn.hagemasu a:after {
	content: '\f105';
	font: normal 18px/25px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#64811a;
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 20px 10px 0 0;
}
.link_btn.homeru a:after {
	content: '\f105';
	font: normal 18px/25px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#ca712e;
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 20px 10px 0 0;
}
.link_btn.tyuui a:after {
	content: '\f105';
	font: normal 18px/25px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#424a82;
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 20px 10px 0 0;
}*/



.sec-listen {
	margin: 0px 5%;
}
.sec-listen .Listen-btn {
	float: left;
	width: 48%;
	margin: 0 0 20px;
	height: 60px;
}
.sec-listen .Listen-btn:nth-child(even) {
	float: right;
}
.sec-listen .Listen-btn.mab30 {
	margin: 0 0 0px;
}
.sec-listen .Listen-btn .t1 {
	font-size:16px;
}
.sec-listen .Listen-btn .t2 {
	font-size:12px;
	font-weight: normal;
}
.sec-listen .Listen-btn a {
	display: block;
	color: #62544e;
	font-weight:bold;
	background: #f4f4f4;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #d9d8d9;
	position:relative;
	height:60px;
}
/*.sec-listen .Listen-btn a:hover {
	border-bottom: none;
	margin: 3px 0 0 0;
}*/
.sec-listen .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
.sec-listen .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}.sec-listen .link_ttl {
	margin: 0px 0px 25px;
	padding: 0px 0px 15px;
	border-bottom: 2px dashed #62544e;
	text-align: center;
}
.sec-bnr {
	background: url(../images/bnr_bg.png) repeat center top;
	padding: 30px 0px;
	margin: 0 0 70px;
}
.sec-bnr .inn {
	margin: 0px 5% 15px;
}
.sec-bnr .inn li {
	border-bottom: solid 2px rgba(0,0,0,0.15);
	float: left;
	width: 48%;
}
.sec-bnr .inn li:nth-child(even) {
	float: right;
}

@media only screen and (max-width: 768px){

#contents {
	background: url(../images/phrase/bg.png) repeat center top;
}
#contents .classroom {
	background: #fff;
	margin: 0px 5% 25px;
	padding: 0px 0px 25px;
}
#contents .classroom .ttl {
	width: 75%;
	margin: 0 auto;
	text-align: center;
	font: 25px/45px "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #FFF;
	-webkit-border-radius: 20px;/* 50%でもOK */
	-moz-border-radius: 20px;
	border-radius: 20px;
	position:relative;
	top: -20px;
}
#contents .classroom .ttl.hagemasu {
	background: #7da121;
	border-bottom: 3px solid #5a7319;
}
#contents .classroom .ttl.homeru {
	background: #ea8a37;
	border-bottom: 3px solid #be6314;
}
#contents .classroom .ttl.tyuui {
	background: #535ca3;
	border-bottom: 3px solid #2d3684;
}
.link_btn {
	margin: 0 0 10px;
	text-align: center;
	font: 25px/50px "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "HG明朝B", 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HGS明朝E', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
	color: #FFF;
	-webkit-border-radius: 20px;/* 50%でもOK */
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	width: auto;
	float: none;
}
.link_btn:nth-child(even) {
	float: none;
}
.link_btn a {
	color: #FFF;
	display:block;
}
.link_btn.hagemasu {
	background: #7da121;
	border-bottom: 3px solid #5a7319;
}
.link_btn.homeru {
	background: #ea8a37;
	border-bottom: 3px solid #be6314;
}
.link_btn.tyuui {
	background: #535ca3;
	border-bottom: 3px solid #2d3684;
}
.link_btn.hagemasu a:after {
	content: '\f105';
	font: normal 18px/25px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#64811a;
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 14px 10px 0 0;
}
.link_btn.homeru a:after {
	content: '\f105';
	font: normal 18px/25px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#ca712e;
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 14px 10px 0 0;
}
.link_btn.tyuui a:after {
	content: '\f105';
	font: normal 18px/25px FontAwesome;
	color:#fff;
	-webkit-border-radius: 50%;/* 50%でもOK */
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#424a82;
	float: right;
	width: 25px;
	height: 25px;
	text-align: center;
	margin: 14px 10px 0 0;
}



.sec-listen {
	margin: 0px 5%;
}
.sec-listen .Listen-btn {
	margin: 0 0 10px;
	height: 60px;
	width: auto;
	float: none;
}
.sec-listen .Listen-btn:nth-child(even) {
	float: none;
}
.sec-listen .Listen-btn.mab30 {
	margin: 0 0 30px;
}
.sec-listen .Listen-btn .t1 {
	font-size:16px;
}
.sec-listen .Listen-btn .t2 {
	font-size:12px;
	font-weight: normal;
}
.sec-listen .Listen-btn a {
	display: block;
	color: #62544e;
	font-weight:bold;
	background: #f4f4f4;
	-webkit-border-radius: 10px;/* 50%でもOK */
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-bottom: 3px solid #d9d8d9;
	position:relative;
	height:60px;
}
.sec-listen .Listen-btn a:after {
	content: '\f028';
	font: normal 14px/32px FontAwesome;
	color:#8199f3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:#e8e8e8;
	float: right;
	width: 32px;
	height: 32px;
	text-align: center;
	margin: 14px 10px 0 0;
}
.sec-listen .Listen-btn p {
	position: absolute;
	top: 50%;
	left: 5%;
	-ms-transform: translateY(-50%);
	-webkit-transform : translateY(-50%);
	transform : translateY(-50%);
}
.sec-listen .link_ttl {
	margin: 0px 0px 25px;
	padding: 0px 0px 15px;
	border-bottom: 2px dashed #62544e;
}
.sec-bnr {
	background: url(../images/bnr_bg.png) repeat center top;
	padding: 30px 0px;
	margin: 0;
}
.sec-bnr .inn {
	margin: 0px 5%;
}
.sec-bnr .inn li {
	border-bottom: solid 2px rgba(0,0,0,0.15);
	margin: 0 0 15px;
	width:auto;
	float:none;
}
}