@charset "utf-8";
/*
 * resources/views/student/layouts/default/app.blade.php用CSS
 */

#yohaku{
	/*width:100px; */
	height:1px;

}

#spaceH{
/*	width:100px; */
	height:1px;

}

#userTitle {
	margin-bottom:20px;
	width:100%;
/*	background:transparent url("../images/icon_title.png")  no-repeat;*/
	background-position: right 20pt bottom 0pt;
	min-height: 90px;
}


#userTitle .topTitle{
	margin-bottom: 10px;
	font-size: 40px;
	text-align: left;
	padding-right: 20px;
}

#userTitle .txt_owabi{
	line-height: 1.5;
	font-size: 18px;
	text-align: left;
	padding-right: 20px;
}




#userTitle .topTitleJ{
	margin-top: 5px;
	margin-bottom:-5px;
	font-size:1.5em;
	text-align: left;
	padding-right: 20px;
}

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

	#userTitle .topTitle{
		font-size: 2em;
	}
	
	#userTitle .topTitleJ{
		margin-bottom:-5px;
		font-size:1.2em;

	}


}


/* ==========================================================================
   
   .linkArea

   ========================================================================== */

.linkArea {text-align: center;padding: 10px 10px 0px;}
.linkArea2 {text-align: center;margin-top: 40px;width:100%;max-width: 300px;margin: 30px auto;}


/* .btn  */
.btn1 {display: inline-block;width:275px;max-width:100%;padding: 0;margin:0 10px;color: #fff;background: #726e6e;/* border: #3f3d3d 1px solid; *//* border-bottom: #3f3d3d 1px solid; */font-size: 14px;text-decoration: none;text-align:center;font-weight:500;line-height: 55px;letter-spacing: 1px;position: relative;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 1px;}
.btn1:after {font-family: 'FontAwesome';content: "\e649";/* content: "\f16d"; */content: "\f105";font-size: 10px;font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 0;right: 15px;z-index: 1;line-height: 55px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
/* .btn:after { font-family: 'FontAwesome'; 
content: "\f16d"; 
font-size: 10px; 
font-style: normal; 
font-weight: normal; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
position: absolute; top: 0; right: 15px; z-index: 1; 
line-height: 55px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } */

.btn1:hover {color:#fff;background: #999;border:#999 1px solid;}
.btn1:hover:after { right: 10px; }



/* .btnBorder */
.btnBorder { color:#000; background:none; }
.btnBorder:hover { color:#999; background:none; border:#999 1px solid;}

/* .btnSmall */
.btnSmall {font-size: 13px;line-height: 30px;/* width: 150px; */max-width: 100%;border: #999 2px solid;/* border-bottom: #016c6e 2px solid; */}
.btnSmall:after {line-height: 30px; border:#999 0px solid; }
.btnSmall:hover { border:#999 0px solid; }

/* .btnSmall */
.btnSmallBorder { font-size: 13px; line-height:40px; width:200px; max-width:100%; color:#111; background:none; border:#111 1px solid; }
.btnSmallBorder:after { line-height:40px; }
.btnSmallBorder:hover { color:#999; background: #f0fafe;background:none; border:#999 1px solid; }

/* .btnBlue */
.btnBlue:hover { color:#fefefe; background:#999; border:#999 1px solid; }
/* .btnBlueBorder */
.btnBlueBorder:hover { color:#999; background:#999;background:none; border:#999 1px solid; }



@media only screen and (max-width: 800px) {
.linkArea { margin-top: 30px; }

/* .btn  */
.btn {margin:10px 1% 0;font-size: 13px;line-height: 30px;/* width:275px; */max-width:100%;}
.btn:after { line-height: 30px; right: 10px;}

.btn:hover { color:#fefefe; background:#000; border:#000 1px solid; }

/* .btnBorder */
.btnBorder:hover { color:#000; background:none; border:#000 1px solid;}
/* .btnSmall */
.btnSmall { line-height:30px; width:220px; max-width:100%; }
.btnSmall:after { line-height:30px; }
.btnSmall:hover { border:#000 1px solid; }
}

@media only screen and (max-width: 738px) {
.linkArea { margin-top: 25px; }
/* .btn  */
.btn1 { font-size: 13px;line-height: 30px; width:250px; max-width:100%; }
.btn1:after { line-height: 30px; }
.btnSmall { line-height:30px; width:180px; max-width:100%; }
.btnSmall:after { line-height:30px; }
}

@media only screen and (max-width: 414px) {
.btn1 { font-size: 12px; width:230px; }	
}




/* ここまで #lesson_list  */