.slicknav_menu {
display:none;/*PC時は非表示*/
}
@media screen and (max-width: 800px) {
#gnav {
display:none;/*モバイル時は非表示*/
}

#naviBg {
display:none;/*モバイル時は非表示*/
}

.tate {
display:none;/*モバイル時は非表示*/
}

.sp_hid{
    display: none;
}

#headerLine {
display:none;/*モバイル時は非表示*/
}

.slicknav_menu {
display:block;/*モバイル時は表示*/}
}

/*ハンバーガーメニューのエフェクト*/
.slicknav_icon,
.slicknav_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.slicknav_icon {
    position: relative;
    width: 50px;
    height: 44px;
}
.slicknav_menu .slicknav_icon-bar{
    position: absolute;
    left: 0;
}
.slicknav_icon span:nth-of-type(1) {
    top: 0;
}
.slicknav_icon span:nth-of-type(2) {
    top: 3px;
}
.slicknav_icon span:nth-of-type(3) {
    bottom: 0;
}
.active .slicknav_icon-bar:nth-of-type(1) {
    -webkit-transform: translateY(6px) rotate(-45deg);
    transform: translateY(6px) rotate(-45deg);
}
.active .slicknav_icon-bar:nth-of-type(2) {
    opacity: 0;
}
.active .slicknav_icon-bar:nth-of-type(3) {
    -webkit-transform: translateY(-6px) rotate(45deg);
    transform: translateY(-6px) rotate(45deg);
}

#menu li ul.child {
	display: none;  /*サブメニューは最初は非表示にしておく*/
	position: absolute;  /*絶対配置にしておかないとうまくいかない*/
	top: 2em;
	left: -70%x;
}
#menu li:hover ul.child {
	display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#menu li ul.child li {
	float: none;  /*サブメニューはフロートさせないので解除*/	
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#header {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	position: relative;
}
.headerLogo {
	height: auto;
	width: 95%;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 12px;
	}
.headerRight {
	height: auto;
	width: 100%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: "Futura-Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#footer {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: optima;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 25px;
	overflow: hidden;
}
#footerLogo {
	height: auto;
	width: 100px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 10px;
	padding-top: 0px;
	float: right;
}
#footerNaviTxt {
	height: auto;
	width: auto;
	padding-left: 8px;
	float: left;
}

.footText {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 22px;
}

#mainVisual {
	height: auto;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 0px;
}

#topPicture {
	height: auto;
	width: 100%;
}

#contents {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

.topCourseLeft {
	height: auto;
	width: 100%;
	margin-bottom: 30px;
}

.topCourseRight {
	height: auto;
	width: 100%;
	margin-bottom: 30px;
	animation-name: fadeup;
    animation-duration: 1s;   /* アニメーション時間 */
    animation-iteration-count: 1;　/* 繰り返す回数 */
}

.topCoursePh {
	height: auto;
	width: 100%;
	margin-bottom: 15px;
	animation-name: fadeup;
    animation-duration: 1s;   /* アニメーション時間 */
    animation-iteration-count: 1;　/* 繰り返す回数 */
}

.courseCopy {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-justify: auto;
	text-align: justify;
	height: auto;
	width: 100%;
	color: #000000;
	margin-bottom: 15px;
}
#topMainArea {
	height: auto;
	width: 92%;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

#subArea {
	height: auto;
	width: 92%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: none;
	margin-bottom: 15px;
}

.twitter {
	height: 300px;
	width: 100%;
	margin-bottom: 20px;
}

.instagram {
	height: 100%;
	width: 100%;
	margin-bottom: 20px;
}

#mainArea {
	height: auto;
	width: 94%;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	overflow: hidden;
}

/*デザイン指定*/

.courseBox {
	height: auto;
	width: 94%;
	margin-bottom: 50px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.courseName {
	font-family: shingo-r, Osaka, sans-serif;
	font-size: 24px;
	line-height: 28px;
	height: auto;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

.courseCopyBox {
	height: auto;
	width: 100%;
}
.coursePhBox {
	height: auto;
	width: 100%;
}

.spLineDot {
	height: 2px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #000000;
}

.summarybox {
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

.summary_title {
	height: auto;
	width: 100%;
	padding-top: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 30px;
	padding-left: 0px;
}
.summary_contents {
	height: auto;
	width: 92%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 22px;
	display: table-cell;
}

.summarybox_end {
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	overflow: hidden;
}

#subArea {
	height: auto;
	width: 92%;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: none;
}

.categoryTitleSub {
	height: 45px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
	overflow: hidden;
	font-family: shingo-m, Osaka, sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-left-width: 10px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #483D8B;
	border-left-color: #483D8B;
}

.listBox100 {
	margin: 0px;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}

.listLead100 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 28px;
	margin: 0px;
	float: left;
	height: auto;
	width: 25%;
}

.listDetail100 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 28px;
	float: left;
	height: auto;
	width: 75%;
	padding-left: 15px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
	color: #000000;
	margin: 0px;
}

.listBoxTop {
	margin: 0px;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}