@charset "UTF-8";
/*初期設定
----------------------------------------------------*/
html{	font-size: 14px;}
input {	font-size: 16px;}
div,section,aside{ box-sizing:border-box;}

body {
	margin: 16px 0;
	line-height: 1.5;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','Meiryo', sans-serif;
	min-width: 320px;
	background:url(../img/share/bg.gif) left top repeat;
}

img {
	max-width: 100%;
	height: auto;
}

.ie8 img{
  width: auto;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

a {
	text-decoration: none;
}

ul{
	padding:0;
}

li {
	list-style:none;
}

　
.fb-like,
.fb-like span,
.fb-like iframe[style],
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ width: 100%!important; }
/* Facebook Like Box width: 100% */
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
    width: 100% !important;
}
#fb-top{
	width:118px !important;
	display: inline-block;
}
/*.g-nav
----------------------------------------------------*/

.g-nav ul{
	margin: 0 auto;
	text-align:center;
}

.g-nav ul a{
	display:block;
	float:left;
	width:100%;
	text-align:center;
	padding:12px 22px;
	border-right: 1px solid #eee;
	background: #1b9ba5;
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	text-shadow: #999 0.1px 0.1px 1px;
}
/*
.g-nav ul a:first-child{
	padding:8px 23px 8px 23px;
}

.g-nav ul a:last-child{
	padding:8px 24px 8px 24px;
}
*/
.g-nav ul li span{
	margin-top: 2px;
	font-size: 11px;
	font-weight:normal;
	color: #eee;
}
/*各カラー設定
----------------------------------------------------*/
#wrapper,
.search {
	background: #fff;
}

header {
	background: -webkit-linear-gradient(top, #fff, fff);
	background: -moz-linear-gradient(top, #fff, #fff);
	background: -o-linear-gradient(top, #fff, #fff);
	background: linear-gradient(to bottom, #fff, #fff);
}

aside h2{
	background: #fff;
}

body{
	color: #2C3E50;
}
a{
/*.fade a,*/
	color: #1b9ba5;
}
header nav li a:link,
header nav li a:visited {
	color: #2C3E50;
}

a:hover,
header nav li a:hover,
header nav li a:active,
div.paginator .currentPage {
	color: #BA9132;
	text-decoration:none;
}
.g-nav a:hover{
	background:#BA9132;
	cursor:pointer;
}

.list-account li:hover,
.list-account a:hover{
	color: #fff;
}

h2 div{
	border-bottom: 3px double #BA9132;
}
h2 div span{
	color: #1b9ba5;
	font-size: 20px;
	margin-right:4px;
}

#content aside h2 {
	border-left: 3px solid #007c46;
}

.path ul li{
	border-bottom: 4px solid #1b9ba5;
}


.btn,
form input[type="submit"] {
	background: #FFF;
}
header h1 {
	color: #fff;
}

/*カテゴリメニューボタン背景
----------------------------------------------------*/
aside ul li a {
  background:#eee;
}
header{
	border-bottom: 3px double #BA9132;
}
footer {
	border-top: 3px double #BA9132;
}
.search{
	border: 1px solid #999;
}
.path ul li{
	background: #f3f3f3;
	border-right: 1px solid #ccc;
}
.path ul .path-on{
	background: #aaa;
	color: #fff;
}
.msg {
	color: #F66;
}

#main section li{
	margin: 0 0 24px;
}

/*head-read
----------------------------------------------------*/
.head-read{
	margin: 0 ;
	font-size: 12px;
}
.head-read p {
	margin: 12px 0 0 2px;    
}
.head-read .left/*,
.head-read .right*/{
	display:none
}
.head-read .right{
    float: right;
    padding-right: 8px;
}
.head-read .right a{
  display: inline-block;
  padding: 4px 12px;
  color: #fff;
  background: #999;
  margin-left: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.head-read .right a:hover {
   background: #ba9132;
}
.head-read .right a.select {
  background: #1b9ba5;
}
/* .recommend
----------------------------------------------------*/
.recommend .coment{
	background:#eee;
	margin-bottom:8px;
	padding:16px;
	border-radius:8px;
}
.recommend .coment p{
	margin:0;
}
.recommend .img{
	float:left;
}
.recommend .name{
	float:left;
	margin-left:16px;
	max-width: 336px;
}

/* .mov-c
----------------------------------------------------*/

.mov-c .img{
	margin-right:16px;
}
.mov-c .img img{
	height: 150px;
	}
.mov-c .comment{
}
.mov-c .name{
	font-weight: bold;
	margin-bottom: 16px;
}

/* .plan-rank
----------------------------------------------------*/
.plan-rank table {
	border: 2px solid #aad6d9;
}
.plan-rank table th{
  background-color: #ceeff2;
}
.plan-rank table th{
	border-right: 2px solid #aad6d9;
	border-bottom: 1px solid #aad6d9;
	padding:8px 16px;
	font-weight:normal;
}
.plan-rank table td{
	border-bottom: 1px solid #aad6d9;
	padding:8px 16px;
}

.plan-rank .plan{
	width:100%;
}
.plan-rank .lank{
	width:100%;
}

.plan-rank .plan p,
.plan-rank .lank p{
	margin-top:0;
}


/*アイコン
----------------------------------------------------*/
.sns-font span:before{
	font-size: 26px;
}
.flaticon-facebook7:before{
	color:#3b5998;
}
.flaticon-social71:before{
	color:#3498DB;
}
.flaticon-social92:before{
	color:#E74C3C;
}
.flaticon-social70:before{
	color:#E67E22;
}
.flaticon-mail22:before{
	color:#F1C40F;
}

/*汎用スタイル
----------------------------------------------------*/
.btn-sns{
	text-align: left;
	position:relative;
	margin-top: 8px;
}
.fb-like{
	top: -6px;
}
.h2-en{
	font-size:12px;
	color:#999;
}


.btn {
	border-radius: 8px;
	line-height:2;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.slider-btn .btn{
	background: #E83015;
	margin-bottom:8px;
}
.slider-btn .btn a{
	color:#fff;
}
.slider-btn .fb{
	background: #3b5998;
}
.slider-btn .btn:hover{
	background: #BA9132;
	color:#fff;
}

	
form input[type="submit"] {
	max-width: 200px;
	padding: 4px 12px;
	border-radius: 8px;
	line-height:2;
}
.msg {
	font-weight:bold;
}

/*layout
----------------------------------------------------*/
#wrapper {
	overflow: hidden;
	width: 100%;
	min-height:600px;
}

#main {
	float:none;
	width:100%;
	margin: 0 auto;
	margin-top:40px;
}

.catch{
	margin: 0 auto;
}

#main .bx-wrapper .bx-viewport {
	border-radius:0;
	background:#fff;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 50px;
}

.show header,
.show footer,
.show .foot-btn-box {
	left: 240px;
}

header h1 {
	margin: 0;
	float:left;
	padding:6px 0 0 40px;
	line-height: 1;
	font-weight: normal;
	margin-top: -40px;
}

header h1 img{
	margin-top:6px;
	height:28px;
}

header nav{
	float:right;
}

header nav li{
	font-size: 1.4rem;
	display:block;
	float:left;
	width:44px;
	height:50px;
	text-align:center;
	margin-left:1px;
}

header nav li a{
	display: block;
	width:100%;
	height:100%;
	text-decoration:none;
}

header nav li .iconText {
	display:none;
}

.flaticon-book95,
.flaticon-smile,
.flaticon-facetime,
.flaticon-user77,
.flaticon-envelope4{
	background: #1b9ba5;
	padding: 2px 0 0 1px;
	padding:6px 2px;
	border-radius: 16px;
	height:auto;
	color:#fff;
}

.flaticon-menu9:before{
	color:#1b9ba5;
	font-size: 32px;
	line-height:1;
}

header #btn {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 110;
	overflow: hidden;
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
}


.slider-btn .btn a:hover{
	background: #BA9132;
	color: #fff;
	cursor: pointer;
}

#content {
	position: relative;
	padding: 0 10px;
}

.show #content {
	left: 240px;
}

aside {
	position: fixed;
	top: 0;
	left: -240px;
	height: 100%;
	z-index: 50;
	width: 240px;
}

.show aside {
	left: 0;
}

aside .myfolderBtn{
	margin:10px 0 10px 0;
}

aside ul {
	margin: 0;
	padding: 0;
}

aside ul li {
	letter-spacing: 0.1em;
	margin-bottom:2px;
	width:100%;
}

aside ul li a {
	display: block;
	padding: 15px 0 15px 20px;
	text-decoration: none;
}

aside .g-nav ul li{
	width: 190px;
}
/*
aside .g-nav ul a:first-child,
aside .g-nav ul a:first-child {
	padding: 8px 21px;
}
*/
#content aside h1,
#content aside h2{
	margin: 0 0 0.3em;
	line-height: 1.1;
	font-size: 2.5em;
	font-weight: normal;
}

#content aside h2 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: 0 0 0 10px;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.1;
	border-radius: 0;
}

section {
	margin: 0 0 3em 0;
}

footer {
	bottom:0;
	float:left;
	width:100%;
	margin: 16px auto 60px;
	padding:12px 0 0;
	clear: both;
	font-size:12px;
	text-decoration:none;
}
footer ul{
	margin:8px 0 0;
	padding:0;
}
footer ul li{
	margin-bottom: 8px;
}

#main section h3{
	margin-top: 0;
}
#main section li p{
	margin-top: 0;
}

.contents{
	min-height: 600px;
}
h2{
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin: 40px 0;
	padding:0;
}

h2 div{
	padding: 0 0 4px;
}

.h2-main-top{
	margin-top: 0;
	background:#fff;
}


/*login
----------------------------------------------------*/
#topLoginBox .loginMsg {
	margin-bottom:25px;
}

.form-login{
	margin-top:16px;
}
.login-box{
	float:left;
	margin:8px 0 0 32px;
}
.login-box p{
	margin:0;
}
.login-box .fade span a:hover{
	opacity: 0.7;
}
.login-box .btn{
	border: none;
}
.login-mail,
.login-pass{
	width: 240px;
	margin-bottom:16px;
}


/*main 動画一覧
----------------------------------------------------*/
.search-box {
	margin-top:10px;
}
.search {
	width: 150px;
	height: 38px;
	float:left;
	margin-right:5px;
	/*border: none;*/
	border-radius: 6px;
	vertical-align: middle;
}
.search button, input {
	line-height: normal;
}

.date{
	margin: 2px 0 0;
	font-size: 80%;
}
.title{
	margin: 0;
	font-size: 90%;
	overflow: hidden;
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
}


/*btn マイフォルダに登録・資料ダウンロード
----------------------------------------------------*/
.btn-box{
	width: 100%;
	margin-top:20px;
}
.btn-box div{
	float: left;
	width:80%;
}
.btn-box .btn {
	width:80%;
	line-height:2;
}


/*入会画面
----------------------------------------------------*/
.path{
	padding:0;
	margin-bottom:10px;
}
.path ul{
	width: 100%;
	margin: 0 auto;
	padding:0;
}
.path ul li{
	float: left;
	width: 17.1%;
	height:4em;
	padding: 12px 1% 8px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
.path ul li span{
	margin-left: 6px;
	opacity: 0.5;
	font-size: 70%;
	vertical-align: middle;
}

.path ul li:last-child{
	border-right: none; 
}

/*paginator
----------------------------------------------------*/
div.paginator ,
div.paginator tr,
div.paginator td,
div.paginator div.table{
	border:0;
}
div.paginator {
	width:80%;
	margin:0 auto;
}
div.paginator div.table{
	width:100%;
}
div.paginator td.top{
	width:20%;
	text-align:center;
}
div.paginator td.prev{
	width:20%;
	text-align:center;
}
div.paginator td.list{
	width:20%;
	text-align:center;
}
.pageList {
	list-style:none;
	display:inline-block;
	margin:0 auto;
	padding:0;
}
div.paginator .pageList:after {
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
div.paginator .pageList li {
	float:left;
	margin-left:4px;
	line-height:10px;
}
div.paginator td.next{
	width:20%;
	text-align:center;
}
div.paginator td.bottom{
	width:20%;
	text-align:center;
}

/*.mov-img-wrap
----------------------------------------------------*/
.mov-img-wrap{
	position:relative;
	width: 100%;
}
.mov-img-wrap img{
	position:absolute;
	top:0;
	left: 0;
}
.mov-img-wrap .watch-img{
	z-index:9999;
}

/*----------------------------------------------------*/
.priceMsg {
	color:#F00;
	font-weight:bold;
	float:left;
	margin-top:57%
}

.btn-register{
	text-align:center;
}

.video {
}

.video iframe {
	width: 100%;
	height: 100%;
}

.sns-font li{
	display:inline;
	margin-right:4px;
	text-align:center;
}
.foot-btn-box{
	position:fixed;
	/*top: 54px;*/
	bottom:0;
	left: 0;
	width: 100%;
	padding:4px;
	background-color: rgba(255,255,255,0.6);
}
.foot-btn-box .slider-btn{
	width:auto;
}

.foot-btn-box .slider-read{
	display:none;
	margin-top:0;
	text-align:left;
}
.foot-btn-box .slider-read span{
	font-size:11px;
}


.top-btn-box{
	display:none;
}
.terms h4{
	margin-bottom:0;
}
.terms p{
	margin-top:0;
}
.spec dl{
	margin:8px 0 16px;
	padding:8px 0;
	border-bottom: 1px dotted #999;
}
.spec dl:first-child{
	border-bottom:none;
	font-weight:bold;
	font-size:16px;
}
.spec dt{
	float:none;
	font-weight:bold;
}
.spec dd{
	float:none;
	margin:0;
}

#main section .spec h3 {
	margin-top: 32px;
	margin-bottom:8px;
}
.company table{
	width:100%;
	border-top:1px solid #aad6d9;
	border-left:1px solid #aad6d9;

}
.company table th,
.company table td{
	padding: 8px 16px;
	border-right:1px solid #aad6d9;
	border-bottom:1px solid #aad6d9;
	text-align:left;
}
.company table h4{
	margin:0;
}

#main section li .no-feature{
	float:left;
	width:35px;
	color:#1b9ba5;
	font-size:36px;
	margin-bottom:0;
}
#main section li .tit-feature{
	float:left;
	width:250px;
	height: 130px;
	margin:10px 0 0 8px;
	line-height:1.2;
}
.feature-labo li img{
	text-align:center;
	width:260px;
	padding: 0 20px;
}
#main section .faq li{
	float:none;
	width: 100%;
}

/*.about-labo
----------------------------------------------------*/

.about-labo .faq h3{
	border-bottom: 1px solid #ccc;
	padding-bottom:8px;
}
.about-labo .faq h3 span{
	font-size: 32px;
	margin-right: 8px;
	color: #1b9ba5;
}
.about-labo .faq p{
	margin-left: 40px;
}
.about-labo .faq p span{
	font-size: 32px;
	margin-right: 8px;
	color: #BA9132;
	font-weight:bold;
}

/*.faq-labo
----------------------------------------------------*/
.faq-labo .faq h3{
	border-bottom: 1px solid #ccc;
	padding-bottom:8px;
}
.faq-labo .faq h3 span{
	font-size: 32px;
	margin-right: 8px;
	color: #1b9ba5;
}
.faq-labo .faq p{
	margin-left: 40px;
}
.faq-labo .faq p span{
	font-size: 32px;
	margin-right: 8px;
	color: #BA9132;
	font-weight:bold;
}
/*----------------------------------------------------*/

#m-menu{
	float:none;
}
#le-main{
	margin-top:50px;
}
#le-main ul li{
	float:left;
	margin-right:30px;
}
.mov-list li{
float: left;
width:47%
}

.mov-list li:nth-child(odd){
	margin-right:6%;
}
.cate-bn{
	width: 100%;
}
#movieMain h3{
	margin-bottom:0;
}
#movieMain p{
	margin-top:8px;
}
.certificate{
	position:relative;
	width: 300px;
	height:400px;
	margin:0 auto;
	background-size: 100%;
			border:1px solid #eee;
}

/*証明証
----------------------------------------------------*/
#main .c-silver{
		background:url(../img/c-silver.jpg) no-repeat;
		background-size:300px;
}
#main .c-gold{
		background:url(../img/c-gold.jpg) no-repeat;
		background-size:300px;
}
#main .c-plutinum{
		background:url(../img/c-plutinum.jpg) no-repeat;
		background-size:300px;
}
#main .c-diamond{
		background:url(../img/c-diamond.jpg) no-repeat;
		background-size:300px;
}
/*----------------------------------------------------*/

.certificate p{
	position:absolute;
	width: 300px;
}
.certificate .c-name{
	top: 110px;
	text-align:center;
}
.certificate .c-course{
	top: 160px;
	width:210px;
	margin-left:46px;
	text-align:left;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
.certificate .c-e-course{
	top: 210px;
	width:210px;
	margin-left:46px;
	text-align:left;
	font-size:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.certificate .c-date{
	box-sizing:border-box;
	top: 250px;
	width:300px;
	padding-right:42px;
	text-align:right;
	font-size:6px;
	font-family:Georgia, "Times New Roman", Times,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.faq h2{
	margin:48px 0 16px;
	padding:8px 0;
	border-top:1px solid #BA9132;
	border-bottom:1px solid #BA9132;
}
.faq span{
	color:#ccc;
}
.font-en{
	font-size: 12px;
}
.plan-table{
	margin:16px 0 40px;
}
.t-menu{
	font-size:8px;
	color:#1b9ba5;
	font-weight:bold;
	margin: -8px 0 0;
}

#main .about-labo ul{
	float:left;
	width: 50%;
}
#main .about-labo ul li{
	float: none;
	width: 100%;
}

#m-menu ul li .catch{
	padding: 0 8px;
	font-size: 14px;
}
.nav-head-right{
	display:none;
}
.info-top li{
	padding:16px 0;
	border-bottom: 1px dashed #BA9132;
}
#main section .prev-next ul li{
	display:inline;
	margin-left:16px;
	border-bottom:none;
	margin-right: 0;
}
.info
#main section .prev-next{
}
#main section .prev-next ul{
	text-align: right;
}
.infomation h5{
	font-size:16px;
	margin:0 0 8px;
}
#main .infomation li{
	float:none;
	width: 100%;
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom: 1px dashed #BA9132;
}
#top-step{
	margin-top: 24px;
}
/*#top-step div:nth-child(1) img{
	text-align: center;
}*/
#top-step div:nth-child(2) h5{
	color: #1b9ba5;
	margin: 24px 0 0;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
}
#top-step div:nth-child(2) div:nth-child(1) h5{
	margin-top: 4px;
}
#top-step div:nth-child(2) p:nth-child(1){
	margin-top: 8px;
}
#top-step div:nth-child(2) div:nth-child(1){
	text-align: left;
}
#top-step{

	}
#top-step div:nth-child(1){
	float:left;
	width:35%;/*200*/
	text-align: center;
}
#top-step div:nth-child(2){
	float:right;
	width:63%;/*680*/
}
#top-step div:nth-child(1) div,#top-step div:nth-child(2) div{
	float: none;
	width: auto!important;
	margin-left: 0;
	text-align: left;
}
@media only screen and (max-width: 959px) {
  header h1 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: right;
    padding: 6px 0 0 40px;
    line-height: 1;
    font-weight: normal;
}
#le-main ul li {
  float:none;
  min-height:200px;
}
#le-main ul li p{
  padding-bottom:16px;
}
div.iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
 
div.iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

}
@media only screen and (max-width: 767px) {
  footer small span {
    display:block;
  }
}
@media only screen and (min-width: 768px) {



	#fb-top {
display: inline-block;
}
	.btn-sns{
	text-align: left;
	text-align:right;
}
	#main {
		margin-top:0px;
	}

	h2{
		margin: 16px 0;
	}
	
	.mov-img-wrap{
		height: 360px;
	}
	
	.priceMsg {
		margin-top:0;
		float:none;
	}
	
	#le-main {
		margin-top: 72px;
	}
	.mov-c .img{
		float:left;
	}
	.mov-c .comment{
		float:left;
	}
	.mov-c .img img{
		height: 200px;
	}
	#content {
		margin-top:0px;
	}
	#m-menu{
		width:240px;
		float:left;
	}
	#m-menu {
		width: 100%;
		float: none;
	}
	
	.company table th{
		width:150px;
	}
	.company table td{
		width:auto;
	}
	
	header h1 img{
		height:34px;
	}	

	.flaticon-book95,
	.flaticon-smile,
	.flaticon-facetime,
	.flaticon-user77,
	.flaticon-envelope4{
		background: #1b9ba5;
		padding: 2px 0 0 1px;
		border-radius: 16px;
		height:auto;
		color:#fff;
	}
	.top-btn-box{
		display:none;
		position:absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding-bottom:16px;
		background-color: rgba(255,255,255,0.6);
		}
	.newline{
		display:none;
	}
	footer ul{
		text-align:right;
	}
	small{
		display:inline;
	}
	small p{
		text-align:center;
		margin:8px 0 0;
		padding:0;
	}	
small p:nth-child(1){
  float:left;
  margin-top:36px;
  text-align:left;
  line-height:2;
}
small p:nth-child(1) span{
  padding-left:8px;
  font-size:13px;
  font-weight:bold;
}
small p:nth-child(2){
  float:right;
  text-align:right;
}
footer {
  margin-bottom:8px;
}
	.path ul li{
		height:2em;
			position:relative;
	}
	.slider{
		position:relative;
	}
	.slider ul{
		margin-left: 0;
		}
	.slider-btn{
		float:right;
		/*position:absolute;
		bottom: 16px;
		left: 24px;*/
		width: 560px;
		margin: 0 auto;
	}
	.slider-btn .btn{
		float:left;
		margin-right:16px;
		/*
		padding:0;
		text-align:center;
		font-weight: bold;*/
	}
	.slider-btn .btn a{
		padding:8px 32px;
		background: #E83015;
		color: #fff;
		font-weight: bold;
		border-radius: 14px;
	}
	.slider-btn .fb a{
		background: #3b5998;
	}
	.slider-read{
		font-weight: bold;
		color: #2c3e50;
		padding-right:16px;
		font-size:13px;
		text-align:right;
		text-shadow: 1px 1px 1px #fff;
	}
	
	.slider-read span{
		font-size:11px;
	}
	
	.foot-btn-box{
		position:fixed;
		top:inherit;
		bottom: 0;
		left: 0;
		width: 100%;
		padding:16px;
		background-color: rgba(255,255,255,0.6);
	}
	
	.foot-btn-box .slider-btn{
		width:auto;
	}

	.foot-btn-box .slider-btn .btn{
		float:left;
	}
	
	.foot-btn-box .slider-read{
		display:block;
		float:left;
		margin:0 0 0 16px;
		text-align:left;
	}
	
	#main{
		padding-left:0;
	}
	

	/*動作環境
	----------------------------------------------------*/
	.spec dl{
		margin:0;
		/*margin:8px 0 16px;*/
		/*padding:8px 0;*/
		padding:0;
		border-bottom: 1px dotted #999;
	}
	.spec dl:first-child{
		border-bottom: 1px dotted #999;
		font-weight:bold;
		font-size:14px;
	}
	.spec dt{
		float:left;
		width:200px;
		font-weight:bold;
		box-sizing:border-box;
		padding:10px;
		vertical-align:middle;
		margin-bottom:0;
	}
	.spec dd{
		float:left;
		width:350px;
		box-sizing:border-box;
		padding:10px;
	}
	/*修了証
	----------------------------------------------------*/
	#main .c-silver{
			background-size:600px;
	}
	#main .c-gold{
			background-size:600px;
	}
	#main .c-plutinum{
			background-size:600px;
	}
	#main .c-diamond{
			background-size:600px;
	}
	.certificate{
		width: 600px;
		height:800px;
		margin:0 auto;
		background:url(../img/certificate.jpg) no-repeat;
		background-size: 100%;
	}
	
	.certificate p{
		position:absolute;
		width: 600px;
	}
	.certificate .c-name{
		top: 205px;
		text-align:center;
		font-size:20px;
		line-height:1;
	}
	.certificate .c-name span{
			font-size:12px;
	}
	
	.certificate .c-course{
		top: 286px;
		width:410px;
		margin-left:88px;
		text-align:left;
		font-size:26px;
		font-family:Georgia, "Times New Roman", Times,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
	}
	.certificate .c-e-course{
		top: 437px;
		width:410px;
		margin-left:90px;
		text-align:left;
		font-size:11px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	.certificate .c-date{
		box-sizing:border-box;
		top: 570px;
		width:600px;
		padding-right:92px;
		text-align:right;
		font-size:11px;
		font-family:Georgia, "Times New Roman", Times,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	}
#main section .infomation{
		border-bottom:none;
	}
#main section .infomation li{
	float:none;
	width: 100%;
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom: 1px dashed #BA9132;
}
.infomation .img{
		float:left;
		width:38%;
		padding-right:2%;
}
.infomation .txt{
		float:right;
		width:60%;
}
#main section .info-top li{
	float:none;
	margin-right:0;
	width: 100%;
}
.infomation h5{
	font-size:16px;
	margin-top:0;
}
}
@media screen and (min-width: 960px) {
.nav-head-right{
	display:block;
}
	#myElement_wrapper {
		 width: 400px; 
		 height: 225px;
	}

		.plan-rank table {
		border: 2px solid #aad6d9;
	}
	.plan-rank table th{
		/*.plan-rank table tr:nth-child(odd){
	*/
	  background-color: #ceeff2;
	}
	.plan-rank table th{
			border-right: 2px solid #aad6d9;
		border-bottom: 1px solid #aad6d9;
		padding:8px 16px;
		font-weight:normal;
	}
	.plan-rank table td{
			border-bottom: 1px solid #aad6d9;
				padding:8px 16px;
	
	}
	.plan-rank .plan{
		float:left;
			width:456px;
	
	}
	.plan-rank .rank{
		float:left;
		width:456px;
		margin-left:16px;
	}
	
	.plan-rank .plan p,
	.plan-rank .lank p{
		margin-top:0;
	}
	
		aside .g-nav ul li{
		width: auto;
	}
/*	aside .g-nav ul li a:first-child,
	aside .g-nav ul li a:last-child {
		padding: 8px 16px 8px 17px;
	}
	*/
	.about-labo .video{
		float:left;
	}
	.video iframe {
		width: 400px;
		height: 225px;
	}
	.about-labo .txt{
		float:right;
		max-width:500px;
	}
	.about-labo section h3{
		margin-top:0;
	}
	.g-nav{
		display:block;
		width: 928px;
		margin: 16px auto 0;
	}
	.head-read .left{
		display:block;
		float:left;
	}
	.head-read .right{
		display:block;
		float:right;
		width: 400px;
		text-align:right;
		padding-right: 0;
	}
	

	header {
		height:120px;
	}
	header h1{
		margin: -4px 0 0 -16px;
		padding:0;
	}
	.head-read p {
		margin: 12px 0 0 6px;
	}
	header h1 img{
		height:64px;
	}	
	#wrapper {
		width:960px;
		margin:0 auto;
		padding:0 16px;
	}	
	#content {
		padding:0;
	}
	#main {
		width:100%;
		padding:10px 0 0 10px;
		float:left;
	}
	#movieMain {
		width: 928px;
		padding: 10px 0 0;
	}
	header{
		position:relative;
		margin:0 auto;
		padding-bottom: 4px;
	}
	header #btn {
		display: none;
	}	
	header nav{
		margin-top:14px;
	}
	header nav li{
		font-size: 1rem;
		float:left;
		margin-left:16px;
		text-align:left;
		border:none;
	}
	header nav li span{
		float:left;
	}
	header nav li .iconText {
		display:block;
		text-indent:0.5em;
	}
	
	aside {
		width:928px;
		position: static;
		float: none;
	}
	aside ul li{
		letter-spacing: normal;
		margin-bottom: 0;
	}
	
	.show #content,
	.show header{
		left: 0;
	}
	
	footer #footerInner{
		margin:0 auto;
	}
	.movieIcon{
		width:121px;
	}
	.mypageIcon{
		width: 108px;
	}
	.contactIcon,
	.profIcon{
		width: 120px;
	}
	.profIcon .iconText,
	.mypageIcon .iconText{
		text-indent: 0.4em;
		line-height:2.2;
		/*margin: 6px 0 0;*/
	}
	.contactIcon .iconText{
		text-indent:0.4em;
		margin: 6px 0 0;
	
	}
	.movieIcon .iconText{
		text-indent:0.5em;
			line-height:2.2;
		/*margin: 6px 0 0;*/
	}
	.profIcon .iconText, .movieIcon .i-en,
	.profIcon .iconText, .mypageIcon .i-en{
		font-size: 70%;
		padding-left: 2px;
	}
	/*-----------------------------------------------------------*/
	#main{
		padding-left:0;
	}
	#main ul{
		width:928px;
		padding-left: 0;
		/*margin-right:-12px;*/
		box-sizing:border-box;
	}
	#main section li{
			box-sizing:border-box;
		float:left;
		width:49%;
		padding: 0;
		margin: 0 16px 12px 0;
	}
	#main .recommend li{
		width:49%;
	}
	#main section li:nth-child(2n){
		margin: 0 0 12px 0;
	}
	#main section li img{
	}
	/*-----------------------------------------------------------*/
	.flaticon-book95,/*@@@@*/
	.flaticon-smile,
	.flaticon-facetime,
	.flaticon-user77,
	.flaticon-envelope4{
		padding:0;
	}
	
	.slider-btn .btn a:hover{
		background: #BA9132;
		color: #fff;
		cursor: pointer;
	}
	header nav li {
		height: auto;
		line-height: 1.5;
	}
	
	.path ul li{
		width: 17.89%;
		height:auto;
	}
	.spec dd{
		width:650px;
	}
	.spec dt{
		float:left;
		width:200px;
		font-weight:bold;
		box-sizing:border-box;
		padding:10px;
		vertical-align:middle;
		margin-bottom:0;
	}
	.spec dd{
		float:left;
		width:550px;
		box-sizing:border-box;
		padding:10px;
	}
	.g-nav ul a{
	width:auto;
	}
	#le-main {
	margin-top: 16px;
	}
	.mov-list li{
	float: left;
	width:218px;
	margin:0 16px 20px 0;
		box-sizing:border-box;
		border-radius: 6px;
		border: 1px solid #ccc;
	
	}
	.mov-list li .title{
		margin: 8px;
		height: 3em;
	}
	
	.mov-list li div{
		width:216px;
		height:135px;
		overflow: hidden;
	}
	.mov-list li div img{
		border-radius: 4px 4px 0 0;
	}
	.mov-list li:nth-child(odd){
	margin:0 16px 20px 0;
	}
	.mov-list li:nth-child(4n){
		margin-right:0;
	}
	#m-menu ul li{
    float:left;
		width: 300px;
		margin:0 10px 20px 0;
		box-sizing:border-box;
		border-radius: 6px;
		border: 1px solid #ccc;
		font-size: 16px;
	}
	
	#m-menu ul li span a div{
		height:185px;
		border-radius: 4px;
	}
	#m-menu ul li span a div img{
		border-radius: 6px 6px 0 0;
	}
	#m-menu ul li span a p{
		margin: 8px;
	}
	
	
	
	#m-menu ul li p{
		margin: 4px 0;
	}
	#m-menu li:nth-child(3n){
		margin-right:0;
	}
	.detail #m-menu{
		float:left;
		width: 240px;
	}
	.detail #m-menu li{
		float:none;
		margin: 0 0 8px;
	box-sizing: border-box;
	border-radius: 6px;
	border: none;
	background:#eaeaea;
	font-weight:bold;
	padding: 8px;
	}
	.detail #movieMain{
		width:680px;
		padding:10px 0 0 10px;
		float:left;
	}
	
	.slider-btn .btn a {
	padding: 16px 32px;
	}
	/*修了証
	----------------------------------------------------*/
	#main .c-silver{
			background-size:auto;
	}
	#main .c-gold{
			background-size:auto;
	}
	#main .c-plutinum{
			background-size:auto;
	}
	#main .c-diamond{
			background-size:auto;
	}
.g-nav	.g-nav-mypage{
	display:none;
}
#main .infomation li{
	float:none;
	width: 100%;
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom: 1px dashed #BA9132;
}
#top-step div:nth-child(1){
	margin-left: 5px;
}
#top-step div:nth-child(2) div:nth-child(2) h5{
	margin-top: 5px;
}
#top-step div:nth-child(2) div:nth-child(3) h5{
	margin-top: 5px;
}
#top-step div:nth-child(2) div:nth-child(4) h5{
	margin-top: 5px;
}

#top-step p {
	margin-top:5px;
}
.g-nav ul {
    max-width: 928px;
    margin: 0 auto;
    text-align: center;
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.ie9 .g-nav ul li{
  float: left;
  width: auto;
}
.ie9 .g-nav ul li a{
  padding: 12px 22px;
}
aside .g-nav ul li {
  width: 100%;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

aside .g-nav ul li:nth-child(3) {
  -ms-flex: 1.3;
  -webkit-flex: 1.3;
  flex: 1.3;
}
aside .g-nav ul li:nth-child(4) {
  -ms-flex: 1.2;
  -webkit-flex: 1.2;
  flex: 1.2;
}
.g-nav ul li a{
  width: 100%;
	padding:12px 11px;
	box-sizing: border-box;
	font-size: 12px;
}
/*
#top-step{

	}
#top-step div:nth-child(1){
	float:left;
	width:200px;
	margin-left:16px;
	text-align: center;
}
#top-step div:nth-child(2){
	float:right;
	width:680px;
}
#top-step div:nth-child(1) div,#top-step div:nth-child(2) div{
	float: none;
	width: auto!important;
	margin-left: 0;
	text-align: left;
}
#top-step div:nth-child(2) div:nth-child(2) h5{
	margin-top: 40px;
}
#top-step div:nth-child(2) div:nth-child(3) h5{
	margin-top: 46px;
}
#top-step div:nth-child(2) div:nth-child(4) h5{
	margin-top: 64px;
}
*/
}