/*
Theme Name: &K運動教室
*/
@charset "utf-8";
*{
	box-sizing: border-box;
	transition: 0.3s;
	text-decoration: none;
	font-family: 'Kosugi Maru', sans-serif;
}
body{
	margin: 0;
	padding: 0;
	line-height: 1.7;
	background: #ddd;
}
img{
	max-width: 100%;
}
/*---------------------------
header
---------------------------*/
header{
	width: 100%;
	background: url(images/bk.png) center center / cover;
	padding: 60px 0;
}
header h1{
	text-align: center;
	margin: 0;
	padding: 0;
}
header h1 img{
	max-width: 700px;
}
header .mainCatch{
	border: 1px #fff solid;
	background: rgba(255,255,255,0.7);
	padding: 5px;
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}
/*---------------------------
グローバルメニュー
---------------------------*/
nav{
	width: 100%;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
}
nav ul,
nav ul li{
	padding: 0;
	margin: 0;
}
nav ul{
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	border-left: 1px #000 solid;
	font-size: 0;
}
nav ul li{
	display: inline-block;
	border-right: 1px #000 solid;
	width:25%;
	font-size: 15px;
}
nav ul li a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding: 15px 0;
	font-weight: bold;
	background: #fff;
}
nav ul li a:hover{
	background: #eee;
}

/*---------------------------
メインコンテンツボックス
---------------------------*/
#mainBox{
	width:90%;
	max-width: 1080px;
	margin: 0 auto;
}

/*---------------------------
セクション共通設定
---------------------------*/
section{
	padding: 30px 0 0;
}
h2.lbl{
	text-align: center;
	color: #000;
}

/*---------------------------
緊急表示セクション
---------------------------*/
#alert{
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	text-align: center;
	background: #fff;
	padding: 15px;
	border: 2px #000 solid;
	text-decoration: none;
	display: block;
}
#alert h2{
	padding: 0 0 10px;
	margin: 0;
}
#alert p{
	padding: 0;
	margin: 0;
}

/*---------------------------
ボタンセクション
---------------------------*/
section.btnBox .btnItem{
	margin: 0 auto;
	max-width: 600px;
	width: 90%;
	padding: 0;
	font-size: 0;
	display: table;
	border-collapse:separate;
	border-spacing:10px;
}
section.btnBox .btnItem a{
	width: 50%;
	font-size: 15px;
	display: table-cell;
}
section.btnBox .btnItem a{
	padding: 10px 40px 10px 40px;
	font-size: 18px;
	font-weight: bold;
	display: table-cell;
	color: #fff;
	text-align: center;
	border-radius: 100px;
	vertical-align: middle;
	line-height:1.4;
}
section.btnBox .btnItem a.green{
	background-color: #0dac67;
	background-image: url("images/ic_arrow.png"),url("images/ic_money.png");
	background-repeat: no-repeat , no-repeat;
	background-size: 10px ,25px;
	background-position: right 10px center , left 10px center ;
}
section.btnBox .btnItem a.blue{
	background-color: #036eb7;
	background-image: url("images/ic_arrow.png"),url("images/ic_time.png");
	background-repeat: no-repeat , no-repeat;
	background-size: 10px ,25px;
	background-position: right 10px center , left 10px center ;
}
section.btnBox .btnItem a.cian{
	background-color: #00b0f0;
	background-image: url("images/ic_time.png"),url("images/ic_money.png");
	background-repeat: no-repeat , no-repeat;
	background-size: 25px ,25px;
	background-position: right 10px center , left 10px center ;
}
section.btnBox .btnItem a.red{
	background-color: #ff0000;
	background-image: url("images/ic_pencil.png"),url("images/ic_document.png");
	background-repeat: no-repeat , no-repeat;
	background-size: 25px ,25px;
	background-position: right 10px center , left 10px center ;
}
section.btnBox .btnItem a:hover{
	opacity: 0.8;
}

/*---------------------------
レッスンセクション
---------------------------*/
section.lessonBox ul{
	margin: 0 auto;
	max-width: 1080px;
	padding: 0;
	font-size: 0;
	text-align: center;
	flex-flow: row wrap;
	align-items: stretch;
	display: flex;
}
section.lessonBox ul li{
	margin: 0 0.5% 15px;
	padding: 30px;
	display: inline-block;
	vertical-align: top;
	width: 32.33%;
	font-size: 15px;
	border: 1px #dedede solid;
	line-height: 1;
	background: #fff;
}
section.lessonBox ul li p.lessonIllust img{
	width: 80px;
}
section.lessonBox ul li h2{
	margin-top: 0;
	font-size: 20px;
}
section.lessonBox ul li h2 span{
	display: inline-block;
	font-size: 20px;
}
section.lessonBox ul li h2 span:before{
	content:"";
    display:inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 7px;
}
section.lessonBox ul li:nth-child(1) h2 span:before{
	background: url("images/lesson_img1.png") no-repeat 0 0 / 100%; 
}
section.lessonBox ul li:nth-child(2) h2 span:before{
	background: url("images/lesson_img2.png") no-repeat 0 0 / 100%; 
}
section.lessonBox ul li:nth-child(3) h2 span:before{
	background: url("images/lesson_img3.png") no-repeat 0 0 / 100%; 
}
section.lessonBox ul li:nth-child(4) h2 span:before{
	background: url("images/lesson_img4.png") no-repeat 0 0 / 100%; 
}
section.lessonBox ul li:nth-child(5) h2 span:before{
	background: url("images/lesson_img5.png") no-repeat 0 0 / 100%; 
}
section.lessonBox ul li:nth-child(6) h2 span:before{
	background: url("images/lesson_img6.png") no-repeat 0 0 / 100%; 
}



section.lessonBox ul li p{
	font-size: 14px;
}
section.lessonBox ul li p > img{
	width: 80%;
	max-width: 100px;
}
section.lessonBox ul li p.lessonLink a{
	padding: 7px 15px 7px 30px;
	border-radius: 100px;
	color: #222;
	margin-top: 5px;
	background: url("images/yubi.png") no-repeat left 12px center / 13px;
	display: inline-block;
}
section.lessonBox ul li p.lessonLink a.red{
	background: url("images/shopping.png") no-repeat left 12px center / 13px;
}
section.lessonBox ul li p.lessonLink a.pink{
	border: 1px #fb87c1 solid;
}
section.lessonBox ul li p.lessonLink a.pink:hover{
	background:#fb87c1 url("images/yubi.png") no-repeat left 12px center / 13px;
	color: #fff;
}
section.lessonBox ul li p.lessonLink a.yellow{
	border: 1px #efdd06 solid;
}
section.lessonBox ul li p.lessonLink a.yellow:hover{
	background:#efdd06 url("images/yubi.png") no-repeat left 12px center / 13px;
	color: #fff;
}
section.lessonBox ul li p.lessonLink a.green{
	border: 1px #48ef63 solid;
}
section.lessonBox ul li p.lessonLink a.green:hover{
	background:#48ef63 url("images/yubi.png") no-repeat left 12px center / 13px;
	color: #fff;
}
section.lessonBox ul li p.lessonLink a.cian{
	border: 1px #35efea solid;
}
section.lessonBox ul li p.lessonLink a.cian:hover{
	background:#35efea url("images/yubi.png") no-repeat left 12px center / 13px;
	color: #fff;
}
section.lessonBox ul li p.lessonLink a.orange{
	border: 1px #ff9966 solid;
}
section.lessonBox ul li p.lessonLink a.orange:hover{
	background:#ff9966 url("images/yubi.png") no-repeat left 12px center / 13px;
	color: #fff;
}
section.lessonBox ul li p.lessonLink a.red{
	border: 1px #ef4172 solid;
}
section.lessonBox ul li p.lessonLink a.red:hover{
	background:#ef4172 url("images/shopping.png") no-repeat left 12px center / 13px;
	color: #fff;
}
/*---------------------------
お知らせセクション
---------------------------*/
section.newsBox .newsContent{
	margin: 0 auto;
	max-width: 1080px;
	padding: 0;
	font-size: 0;
	text-align: center;
	flex-flow: row wrap;
	align-items: stretch;
	display: flex;
}
section.newsBox .newsContent dl{
	margin: 0;
	width: 50%;
	font-size: 15px;
	display: inline-block;
}
section.newsBox .newsContent dl:nth-child(1){
	padding: 0 15px 0 0;
}
section.newsBox .newsContent dl:nth-child(2){
	padding: 0 0 0 15px;
}
section.newsBox .newsContent dl dt{
	background:#036eb7;
	display: block;
	color: #fff;
	padding: 7px;
	text-align: left;
}
section.newsBox .newsContent dl dt span{
	display: inline-block;
	float: right;
}
section.newsBox .newsContent dl dt span a{
	display: inline-block;
	background:#fff;
	font-size: 13px;
	padding: 2px 6px;
	border-radius: 100px;
	color: #036eb7;
}
section.newsBox .newsContent dl dt span a:hover{
	opacity: 0.8;
}
section.newsBox .newsContent dl dd{
	margin: 0;
	padding: 15px;
	width: 100%;
	font-size: 0;
	background: #fff;
}
section.newsBox .newsContent dl dd .imgBox{
	display: inline-block;
	width: 100px;
	margin-right: 20px;
	font-size: 15px;
	vertical-align: top;
}
section.newsBox .newsContent dl dd .textBox{
	display: inline-block;
	width: calc(100% - 120px);
	font-size: 15px;
	text-align: left;
	vertical-align: top;
}
section.newsBox .newsContent dl dd .textBox h2{
	margin: 0 0 5px;
	padding: 0;
	font-size: 18px;
}
section.newsBox .newsContent dl dd .textBox h2 a{
	display: inline-block;
	padding: 0 0 0 22px;
	background: url("images/blog_icon.png") no-repeat left center / 15px;
	line-height: 1.3;
	color: #000;
}
section.newsBox .newsContent dl dd .textBox h2 a:hover{
	color: #999;
}
section.newsBox .newsContent dl dd .textBox p{
	margin-top: 0;
	padding-top: 0;
	word-break: break-all;
}
/*---------------------------
SNSセクション
---------------------------*/
section.snsBox{
	padding-bottom: 15px;
}
section.snsBox ul{
	margin: 0 auto 30px;
	width: fit-content;
	border: 1px #dedede solid;
	padding: 15px;
	font-size: 0;
	text-align: center;
	background: #fff;
}
section.snsBox ul li{
	display: inline-block;
	margin-right: 20px;
}
section.snsBox ul li:last-child{
	margin-right: 0;
}
section.snsBox ul li img{
	width: 50px;
	height: 50px;
}
/*---------------------------
コース詳細セクション
---------------------------*/
section.courseBox{
	padding-bottom: 15px;
}
section.courseBox .lessonid{
	padding-top:60px;
	margin-top:-60px;
}
section.courseBox .courseContainer{
	text-align: center;
	border: 1px #dedede solid;
	padding: 15px;
	max-width: 1080px;
	margin: 0 auto 30px;
	background: #fff;
}
section.courseBox .courseContainer h2{
	color: #036eb7;
	margin-bottom: 5px;
}
section.courseBox .courseItem span{
	color: #fff;
}
section.courseBox .courseContainer h2 + p{
	margin-bottom: 30px;
}
section.courseBox .courseItem span{
	background: #036eb7;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
}
section.courseBox .courseItem2{
	border-bottom: 1px #dedede solid;
	padding: 15px 0;
	margin-bottom: 10px;
	text-align: left;
}
section.courseBox .courseItem2 ul.courseBtn{
	margin: 15px 0 0;
	padding: 0;
}
section.courseBox .courseItem2 ul.courseBtn li{
	display: inline-block;
	margin-bottom: 15px;
}
section.courseBox .courseItem2 ul.courseBtn li a{
	display: inline-block;
	padding: 5px 10px 5px 25px;
	border-radius: 5px;
	color: #fff;
	background-image:url("images/btn_icon.png");
	background-repeat: no-repeat;
	background-position: left 5px center;
	background-size: 15px;
}



section.courseBox .courseItem2 ul.courseBtn li a:hover{
	opacity: 0.8;
}
section.courseBox .courseItem3{
	text-align: left;
	margin: 0 auto;
}
section.courseBox .courseItem3 span.defaultContent:after{
	content: "...";
}
section.courseBox .courseItem3 span.defaultContent.on:after{
	content: "";
}
section.courseBox .courseItem3 span.detail{
	display: none;
}
section.courseBox .courseItem3 span.detail.on{
	display: inline;
}
section.courseBox .courseItem3 span.more{
	border:1px #222 solid;
	padding: 3px 6px;
	font-size: 12px;
	cursor: pointer;
	display: inline-block;
	color: #fff;
	background: #222;
}
section.courseBox .courseItem3 span.more:hover{
	border:1px #dedede solid;
	color: #222;
	background: #fff;
}
section.courseBox .courseItem3.second{
	margin-top: 30px;
}
section.courseBox ul.gallery{
	margin: 30px 0 0;
	padding: 0;
	font-size: 0;
}
section.courseBox ul.gallery li{
	margin: 0 1% 10px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	font-size: 15px;
}
/*---------------------------
概要セクション
---------------------------*/
section.outlineBox .outlineContainer{
	width: 100%;
	border: 1px #dedede solid;
	padding: 15px;
	font-size: 0;
	max-width: 1080px;
	margin: 0 auto 30px;
	background: #fff;
}
section.outlineBox .outlineContainer .outlineLeft{
	width: 75%;
	margin-right: 30px;
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	line-height: 1.8;
}
section.outlineBox .outlineContainer .outlineRight{
	width: calc(25% - 30px);
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
}
section.outlineBox .outlineContainer .efficacyTable{
	border-top:1px #dedede solid;
	border-left:1px #dedede solid;
}
section.outlineBox .outlineContainer .efficacyTable tr td{
	border-right:1px #dedede solid;
	border-bottom:1px #dedede solid;
	padding: 5px 15px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

/*---------------------------
プロフィールセクション
---------------------------*/
section.profileBox h2{
	text-align: center;
	margin-top: 0;
	margin-bottom: 45px;
}
section.profileBox .profileContainer{
	width: 100%;
	border: 1px #dedede solid;
	padding: 15px;
	font-size: 0;
	max-width: 1080px;
	margin: 0 auto 30px;
	background: #fff;
}
section.profileBox .profileContainer .profileLeft{
	width: 75%;
	margin-right: 30px;
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	line-height: 1.8;
}

section.profileBox .profileContainer .profileRight{
	width: calc(25% - 30px);
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
}
/*---------------------------
アクセスセクション
---------------------------*/
.accessBox{
	/*background:#ccc;*/
	max-width: none;
	padding: 15px 15px 30px;
}
.accessBox h2{
	color: #000;
	text-align: center;
}
.accessBox h3{
	margin-top: 0;
	text-align: left;
}
.accessBox .accessContainer{
	width: 100%;
	padding: 15px;
	font-size: 0;
	max-width: 1080px;
	margin: 0 auto 30px;
}
.accessBox .accessContainer .accessLeft{
	width: 50%;
	margin-right: 30px;
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
	line-height: 1.8;
}
.accessBox .accessContainer .accessLeft .snsBox{
	margin-bottom: 1.5em;
}
.accessBox .accessContainer .accessLeft .snsBox ul{
	width: fit-content;
	border: 1px #dedede solid;
	padding: 15px;
	font-size: 0;
	text-align: center;
	background: #fff;
}
.accessBox .accessContainer .accessLeft .snsBox ul li{
	display: inline-block;
	margin-right: 10px;
}
.accessBox .accessContainer .accessLeft .snsBox ul li:last-child{
	margin-right: 0;
}
.accessBox .accessContainer .accessLeft .snsBox ul li img{
	width: 30px;
	height: 30px;
}
.accessBox .accessContainer .accessLeft ul.accessImg{
	margin: 0;
	padding: 0;
	font-size: 0;
}
.accessBox .accessContainer .accessLeft ul.accessImg li{
	display: inline-block;
	vertical-align: top;
	width:50%;
	font-size: 16px;
}
.accessBox .accessContainer .accessLeft ul.accessImg li p{
	margin: 0;
	text-align: center;
}
.accessBox .accessContainer .accessLeft ul.accessImg li p{
	font-size: 14px;
}
.accessBox .accessContainer .accessLeft ul.accessImg li:nth-child(1){
	padding-right: 2%;
}
.accessBox .accessContainer .accessLeft ul.accessImg li:nth-child(2){
	padding-left: 2%;
}
.accessBox .accessContainer .accessRight{
	width: calc(50% - 30px);
	display: inline-block;
	font-size: 15px;
	vertical-align: top;
}

.accessBox .btnBox{
	margin: 0 auto;
	max-width: 380px;
	width: 100%;
	padding: 0;
	font-size: 0;
	display: table;
	border-collapse:separate;
	border-spacing:10px;
}
.accessBox .btnBox a{
	width: 50%;
	font-size: 15px;
	display: table-cell;
	vertical-align: top;
}
.accessBox .btnBox a:hover{
	opacity: 0.8;
}
.accessBox .btnBox a:nth-child(1){
	padding-right: 10px;
}
.accessBox .btnBox a:nth-child(2){
	padding-left: 10px;
}
.accessBox .btnBox a{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 7px;
	vertical-align: middle;
	line-height:1.4;
}
.accessBox .btnBox a:nth-child(1){
	padding: 15px 20px;
}
.accessBox .btnBox a:nth-child(2){
	padding: 31px 20px;
}
.accessBox .btnBox a img{
	max-width: 250px;
}
.accessBox .btnBox a.green{
	background: #0dac67;
}
.accessBox .btnBox a.blue{
	background-color: #036eb7;
	background-image: url("images/ic_arrow.png"),url("images/ic_time.png");
	background-repeat: no-repeat , no-repeat;
	background-size: 10px ,25px;
	background-position: right 10px center , left 10px center ;
}
.accessBox .btnBox a.red{
	background-color: #ff0000;
	background-image: url("images/ic_pencil.png"),url("images/ic_document.png");
	background-repeat: no-repeat , no-repeat;
	background-size: 25px ,25px;
	background-position: right 10px center , left 10px center ;
}
#homeLink{
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
}
#homeLink img{
	width: 100px;
	vertical-align: bottom;
}
#homeLink img:hover{
	opacity: 0.6;
}
.copyright{
	background: #036eb7;
	padding: 15px;
	color: #fff;
	text-align: center;
}

#page_top {
    position: fixed;
    bottom: 0px;
    right: 0px;
}
#page_top a {
    background: #999 url("images/p_top.png") no-repeat left 10px center / auto 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 15px 20px 15px 35px;
	font-size:14px;
	display: inline-block;
}
#page_top a:hover {
    background-color: #666;
    text-decoration: none;
}

#page_home {
    position: fixed;
    bottom: 0;
    left: 0;
}
#page_home a {
    color: #fff;
    text-align: center;
    text-decoration: none;
	font-size:14px;
	display: inline-block;
}
#page_home a img{
	max-width: 100px;
	position: fixed;
	bottom: 0;
}
#page_home a:hover {
    background-color: #666;
    text-decoration: none;
}

/*---------------------------
下層ページ
---------------------------*/
section.single{
	font-size: 0;
}
section.single .singleContent{
	width: calc(100% - 270px);
	margin-right: 20px;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 30px;
}
section.single .singleContent p.date{
	margin: 0 0 10px;
	padding: 0;
}
section.single .singleContent p.date + h2{
	margin-top:0;
}
section.single .sidebar{
	width: 250px;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
}
section.single .sidebar ul{
	padding: 0;
	margin: 0;
}
section.single .sidebar ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}
section.single .sidebar ul li a{
	border-top:1px #dedede dotted;
	border-bottom:1px #dedede dotted;
	display: block;
	padding: 5px 0;
}
section.single .sidebar aside{
	margin-bottom: 20px;
	background: #fff;
	padding: 15px;
	border-radius: 5px;
}
section.single .sidebar aside h2{
	margin-top: 0;
	font-size: 18px;
}
.singleContent .postlistBox{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px #ccc solid;
}
.singleContent .postlistBox:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
nav.navigation{
	border-top:none;
	border-bottom:none;
	padding-top: 30px;
}
nav.navigation .nav-links{
	text-align: center;
}
nav.navigation .nav-links a{
	border:1px #ccc solid;
	padding: 5px;
}
nav.navigation .nav-links span{
	border:1px #666 solid;
	background: #666;
	padding: 5px;
	color: #fff;
}


/*---------------------------
レスポンシブ
---------------------------*/
@media screen and (min-width: 768px){
	.sp{
		display: none;
	}
	header#next{
		padding: 30px 0;
	}
	header#next h1{
		text-align: left;
		max-width: 1280px;
		width: 90%;
		margin: 0 auto;
	}
	header .hbBtn{
		display: none;
	}
	header .spHome{
		display: none;
	}
	section.courseBox .courseContainer{
		font-size: 0;
		display: table;
	}
	section.courseBox .courseContainer .courseItem{
		width: 250px;
		font-size: 15px;
		display: table-cell;
		vertical-align: middle;
		background: #036eb7;
		padding: 15px;
	}
	section.courseBox .courseContainer .courseItem h2{
		color: #fff;
		font-size: 15px;
	}
	section.courseBox .courseContainer .courseRight{
		width: calc(100% - 250px);
		font-size: 15px;
		display: table-cell;
		vertical-align: top;
		padding-left:15px;
	}
	section.courseBox .courseItem2{
		padding-top:0;
	}
}
@media screen and (max-width: 767px){
	.pc{
		display: none;
	}
	body{
		font-size: 14px;
	}
	/*内部リンクここから*/
	#news,#outline,#access,#line{
		padding-top:150px;
		margin-top: -150px;
	}
	/*内部リンクここまで*/
	
	#mainBox{
		padding-top: 140px;
		width: 93%;
	}
	section{
		padding: 15px 0 0;
	}
	section.spMainBox .spMainCatch{
		border: 1px #ccc solid;
		background: #eee;
		padding: 5px;
	}
	section.courseBox .lessonid{
		padding-top: 150px;
		margin-top: -150px;
	}
	section.lessonBox ul li{
		display: inline-block;
		vertical-align: top;
		width: 49%;
		padding: 10px 5px;
	}
	section.lessonBox ul li h2 span:before{
		display: block;
		margin: 0 auto 10px;
		background: url("images/lesson_img1.png") no-repeat 0 0 / 100%;
	}
	section.lessonBox ul li h2{
		text-align: center;
	}
	section.lessonBox ul li h2 span{
		font-size: 3.5vw;
	}
	section.lessonBox ul li p > img{
		width: 60px;
	}
	section.newsBox .newsContent dl{
		display: inline-block;
		vertical-align: top;
		width: 49%;
		margin-right: 2%;
		background: #fff;
	}
	section.newsBox .newsContent dl:nth-child(2){
		margin-right: 0;
	}
	section.newsBox .newsContent dl dt{
		padding: 3px 7px;
	}
	section.newsBox .newsContent dl dt span a{
		font-size: 12px;
		padding: 1px 6px;
	}
	section.newsBox .newsContent dl dd{
		padding: 10px;
	}
	section.newsBox .newsContent dl dd .imgBox{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	section.newsBox .newsContent dl dd .textBox{
		display: block;
		width: 100%;
		font-size: 14px;
	}
	section.newsBox .newsContent dl dd .textBox h2{
		font-size: 14px;
	}
	section.newsBox .newsContent dl dd .textBox p{
		font-size: 12px;
	}
	section.newsBox .newsContent dl:nth-child(1){
		padding:0;
	}
	section.newsBox .newsContent dl:nth-child(2){
		padding:0;
	}
	section.btnBox .btnItem a,
	section.lessonBox ul li{
		font-size: 12px;
	}
	section.btnBox ul{
		width: 100%;
	}
section.btnBox .btnItem a{
	padding: 10px 20px;
	display: table-cell;
	vertical-align: middle;
}
section.btnBox .btnItem a.cian{
	background-size: 15px ,15px;
	background-position: right 5px center , left 5px center ;
}
section.btnBox .btnItem a.red{
	background-size: 15px ,15px;
	background-position: right 5px center , left 5px center ;
}

	
	
	section.outlineBox .outlineContainer .outlineLeft,
	section.outlineBox .outlineContainer .outlineRight,
	section.profileBox .profileContainer .profileLeft,
	section.profileBox .profileContainer .profileRight,
	.accessBox .accessContainer .accessLeft,
	.accessBox .accessContainer .accessRight,
	.accessBox .btnBox a a{
		display: block;
		width: 100%;
		font-size: 14px;
	}
	section.lessonBox ul li h2{
		font-size: 12px;
	}
	section.lessonBox ul li p{
		font-size: 11px;
	}
	#header{
		position: fixed;
		width: 100%;
		z-index: 9997;
	}
	header .hbBtn{
		position: fixed;
		right: 20px;
		margin-top: 10px;
		z-index: 9999;
	}
	header .hbBtn span{
		position: relative;
		transform:rotate(0deg);
		top: 0;
	}
	header .hbBtn.on span{
		background: #222;
	}
	header .hbBtn.on span:nth-child(1){
		transform:rotate(45deg);
		top: 11px;
	}
	header .hbBtn.on span:nth-child(2){
		opacity: 0;
	}
	header .hbBtn.on span:nth-child(3){
		transform:rotate(-45deg);
		top: -11px;
	}
	nav{
		background: #fff;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
	}
	nav ul{
		border-left:none;
		display: table;
	}
	nav ul li{
		border-right: none;
		display: table-cell;
		vertical-align: middle;
	}
	nav ul li:hover{
		background: #eee;
	}
	nav ul li a{
		padding: 7px 0;
		font-size: 10.5px;
		line-height: 1.3;
	}	
	nav ul li a span{
		display: none;
	}
	nav ul li:nth-child(1),
	nav ul li:nth-child(2),
	nav ul li:nth-child(3){
		border-right: 1px #ccc solid;
	}
	nav ul li:nth-child(1),
	nav ul li:nth-child(2),
	nav ul li:nth-child(3),
	nav ul li:nth-child(4){
		width: 25%;
	}
	section.btnBox .btnItem{
		width: 100%;
		vertical-align: top;
		border-collapse: separate;
		border-spacing: 5px;
	}
	section.btnBox .btnItem:nth-child(1){
		padding-right: 1%;
		margin-bottom: 15px;
	}
	section.btnBox .btnItem:nth-child(2){
		padding-left: 1%;
		margin-right: 0;
	}

	.accessBox .btnBox{
		border-collapse:separate;
		border-spacing:5px;
	}
	.accessBox .btnBox a:nth-child(1){
		padding-right: 0;
	}
	.accessBox .btnBox a:nth-child(2){
		padding-left: 0;
	}
	.accessBox .btnBox a:nth-child(2) a{
		padding-left: 0;
	}
	.accessBox .btnBox a{
		width: 50%;
		margin-bottom: 15px;
	}
	.accessBox .btnBox a img{
		max-width: 100%;
	}
	.accessBox .btnBox a:nth-child(1){
		padding: 10px 10px;
	}
	.accessBox .btnBox a:nth-child(2){
		padding: 15px 10px;
		font-size: 12px;
	}
	.accessBox h3{
		text-align: center;
	}
	.accessBox h3 + p{
		width: fit-content;
		margin: 0 auto 15px;
	}
	.accessBox .accessContainer .accessLeft .snsBox ul{
		margin: 0 auto 30px;
	}
	header{
		padding: 5px;
		line-height: 0;
		font-size: 0;
	}
	header h1{
		width:100%;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		font-size: 14px;
	}
	header h1 img{
		width: 100%;
		max-width: 500px;
	}
	header .spHome{
		display: inline-block;
		vertical-align: middle;
		font-size: 16px;
		width: 100px;
		padding-right: 10px;
		text-align: right;
	}
	header .spHome a{
		padding: 7px 7px 7px 30px;
		background: rgba(255,255,255,0.9) url("images/home.png") no-repeat left 5px center / 20px;
		border-radius: 5px;
		color:#036eb7;
		letter-spacing: 1px;
	}
	header .spHome a:hover{
		opacity: 0.8;
	}
	header .hbBtn{
		display: inline-block;
		vertical-align: middle;
		width: 35px;
		height: 35px;
		cursor: pointer;
	}
	header .hbBtn span{
		width: 100%;
		height: 4px;
		background: #fff;
		display: block;
		margin-bottom: 7px;
	}
	header .hbBtn span:last-child{
		margin-bottom: 0;
	}
	
	
	section.single .singleContent,
	section.single .sidebar{
		display: block;
		width: 100%;
	}
	section.single .singleContent{
		padding-bottom: 30px;
	}
	section.single .singleContent p.date{
		font-size: 12px;
	}
	section.single .sidebar{
		border-top:1px #dedede solid;
		padding-top: 15px;
	}
	section.single .sidebar h2{
		font-size: 14px;
	}
	section.courseBox .courseContainer{
		font-size: 13px;
		padding: 10px;
	}
	section.outlineBox .outlineContainer .outlineLeft{
		font-size: 13px;
	}
	section.outlineBox .outlineContainer .efficacyTable{
		width: 100%;
	}
	section.outlineBox .outlineContainer .efficacyTable tr td,
	section.outlineBox .outlineContainer .efficacyTable tr th{
		display: block;
		font-size: 13px;
	}
	.accessBox .accessContainer .accessLeft{
		margin-bottom: 15px;
	}
	section.courseBox .courseItem2 ul.courseBtn{
		font-size: 0;
		display: flex;
		flex-flow: row wrap;
		align-items: stretch;
		display: flex;
	}
	section.courseBox .courseItem2 ul.courseBtn li{
		font-size: 12px;
		width: 50%;
		padding: 2.5px;
		box-sizing: border-box;
		vertical-align: top;
		margin-bottom: 5px;
		display: table;
	}
	section.courseBox .courseItem2 ul.courseBtn li a{
		display: table-cell;
		vertical-align: middle;
	}
}