@charset "UTF-8";

/* ======================================================================================
テンプレートとしておおよその配置を記します
====================================================================================== */

/* ===========================================
フォントの指定
=========================================== */
@import url('https://fonts.googleapis.com/css?family=Prociono');

/* ===========================================
タグへの上書き
=========================================== */
a{
	color:#d03167;
}
*{
	/*font-family: 'Lato', 'メイリオ', Meiryo, Osaka,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	word-wrap: break-word;
}
/* ===========================================
汎用的なclass
=========================================== */
.spOnly{
	display: none;
}
/* ===========================================
テンプレート
=========================================== */
html{
 line-height: 1 !important;
}
html,
body{
	font-size: 14px;
	color: #1c1b1b;
}
.bx-wrapper{
padding-top:80px;
}
#pageWrap{
	min-width:1025px;
}
#headerInner,
.wrap_limited{
	width:1025px;
	margin: auto;
}
#header {
	background: url(../img/bg_header_text.jpg) no-repeat center #0E005B;
/*	background: #0f005b;*/
	position: fixed;
	z-index: 999;
	width: 100%;
}
	#headerInner{
		height: 100px;
		position: relative;
	}
	#siteID {
		position: relative;
		max-width: 210px;
		top: 50%;
		transform: translateY(-50%);
	}
		#siteID a {
			display: block;
		}
		#siteID img{
			width: 100%;
		}
.logo_starNavigator img {
    position: relative;
    max-width: 300px;
    top: -70px !important;
}
	#gNaviSP{
		display: none;
	}
	#gNavi {
		position: absolute;
		right:0;
		bottom:0;
	}
		#gNavi-list a {
			vertical-align: bottom;
		}
		#gNavi-list img{
			vertical-align: middle;
		}

		/* 通常のメニュー */
		#gNavi-list > .gNavi-list-item{
			text-align: left;
			display: inline-block;
			border-left: 1px solid #273665;
			line-height: 1.4;
			vertical-align: middle;
		}
			#gNavi-list > .gNavi-list-item a{
				display: inline-block;
				padding: 20px 16px;
			}
		#gNavi-list > .gNavi-list-subitem{
			text-align: right;
			display: inline-block;
			width:140px;
			border-left: 1px solid #273665;
			vertical-align: bottom;
		}
			#gNavi-list > .gNavi-list-subitem a{
				display: inline-block;
				font-size: 0.75rem;
				text-align: center;
				background: #334c8d;
				width:100%;
				padding: 6px 3px;
				margin-bottom: 9px;
				white-space: nowrap;
			}
			#gNavi-list > .gNavi-list-subitem a:nth-child(2) , .gNaviSP-list-subitem-login{
				background: #e9702f!important;
			}

/* --- global navigation --- */
#gNavi-list > li a {
    display: block;
    color: #FFF;
}
#gNavi-list > li a:hover {
    color: #FFF;
}
	#gNavi-list > .gNavi-list-item .menu__second-level a, #gNavi-list > .gNavi-list-item .menu__second-level-ol a{
		padding: 17px 0;
		display: block;
		position: relative;
		z-index: 10;
	}
ul.menu__second-level, ul.menu__second-level-ol {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
#gNavi-list > li:nth-child(3):hover ,#gNavi-list > li:nth-child(4):hover {
    background: #334c8d;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.menu__second-level li, .menu__second-level-ol li {
    border-top: 1px solid #334c8d;
}
/* floatクリア */
#gNavi-list:before,
#gNavi-list:after {
    content: " ";
    display: table;
}
#gNavi-list:after {
    clear: both;
}
#gNavi-list {
    *zoom: 1;
	position: relative;
}
/*li.gNavi-list-item ul.menu__second-level, li.gNavi-list-item ul.menu__second-level-ol {
    position: absolute;
    top: 74px;
    left: 0;
    box-sizing: border-box;
    width: 714px;
		line-height: 1.4;
		text-align: center;
    padding: 10px 2% 0;
    background: #334c8d;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
li.gNavi-list-item:hover ul.menu__second-level, li.gNavi-list-item:hover ul.menu__second-level-ol {
    top: 74px;
    visibility: visible;
    opacity: 1;
}
li.gNavi-list-item ul.menu__second-level > li,li.gNavi-list-item ul.menu__second-level-ol > li {
    float: left;
    width: 32%;
    border: none;
		margin-bottom: 10px;
		position: relative;
}
li.gNavi-list-item ul.menu__second-level > li:nth-child(2), li.gNavi-list-item ul.menu__second-level > li:nth-child(5),
li.gNavi-list-item ul.menu__second-level-ol > li:nth-child(2), li.gNavi-list-item ul.menu__second-level-ol > li:nth-child(5){
    margin: 0 1.5% 10px;
}
li.gNavi-list-item ul.menu__second-level > li, li.gNavi-list-item ul.menu__second-level-ol > li {
	border:1px solid #caaf67;
}
li.gNavi-list-item ul.menu__second-level > li::before, li.gNavi-list-item ul.menu__second-level-ol > li::before {
	content: '';
	width: 220px;
	height: 54px;
	position: absolute;
	left: 0;
}
li.gNavi-list-item ul.menu__second-level > li:nth-child(2)::before, li.gNavi-list-item ul.menu__second-level-ol > li:nth-child(2)::before {
	background: url(../../file/images/index/school/img_study.jpg) no-repeat;
	background-size: cover;
	opacity: 0.6;
}
li.gNavi-list-item ul.menu__second-level > li:nth-child(3) a,li.gNavi-list-item ul.menu__second-level-ol li:nth-child(3) a{
	padding: 8px 0 !important;
}
li.gNavi-list-item ul.menu__second-level > li:nth-child(3)::before {
	background: url(../../file/images/index/workshop/img_mtg.jpg) no-repeat;
	background-size: cover;
	opacity: 0.3;
}
li.gNavi-list-item ul.menu__second-level-ol > li:nth-child(1)::before {
	background: url(../../file/images/index/onlinecourse/img_study.jpg) no-repeat;
	background-size: cover;
	opacity: 0.5;
}
li.gNavi-list-item ul.menu__second-level-ol > li:nth-child(7){
	border: none;
}
li.gNavi-list-item ul.menu__second-level-ol > li:nth-child(7)::before {
	display: none;
}
li.gNavi-list-item ul.menu__third-level {
	border-top: 1px solid #3c365c;
	padding-top: 10px;
	width: 680px;
}
li.gNavi-list-item ul.menu__third-level li {
	display: block;
	border:none !important;
	text-align: right;
}
li.gNavi-list-item ul.menu__third-level li a {
    padding: 5px 0 !important;
    display: inline-block !important;
    position: relative;
}
	li.gNavi-list-item ul.menu__third-level li a::before {
		content: "";
		border: 5px solid transparent;
		border-left-color: #FFF;
		position: absolute;
		top: 8px;
		left: -10px;
	}*/

/* グローバルメニュー*/
	#gNavi {
		display: block;
		position: relative;
		z-index: 9999;
		width: 100%;
	}
		#gNavi-menu-btn {
			position: absolute;
			top: -35px;
			right: -10px;
			cursor: pointer;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
		}
			#gNavi-menu-btn a {
					padding-left: 8px;
				}
			#gNavi-menu-btn .gNavi-menu-icon_mail img {
				width: 80%;
			}
			#gNavi-menu-btn .gNavi-menu-icon_facebook img {
				width: 80%;
			}
			#gNavi-menu-btn .gNavi-menu-btn_horofree img {
				width: 100%;
			}
		#gNavi-list {
				position: relative;
				top: 10px;
		}
			#gNavi-list > ul {
				color:#fff;
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
			}
				#gNavi-list > ul > li {
					font-size: 0.9rem;
					width: 120px;
					text-align: center;
					margin-left: 20px;
				}
				.gNavi-list-item a,
				.gNavi-list-item span {
					color: inherit;
					cursor: pointer;
				}
				#gNavi-list > ul > li > .gNavi-list-school::before, #gNavi-list > ul > li > .gNavi-list-seminar::before, #gNavi-list > ul > li > .gNavi-list-basis::before, #gNavi-list > ul > li > .gNavi-list-login::before, #gNavi-list > ul > li > .gNavi-list-beginner::before,
				#gNaviSP-list > ul > li > .gNaviSP-list-school::before, #gNaviSP-list > ul > li > .gNaviSP-list-seminar::before, #gNaviSP-list > ul > li > .gNaviSP-list-basis::before, #gNaviSP-list > ul > li > .gNaviSP-list-login::before, #gNaviSP-list > ul > li > .gNaviSP-list-beginner::before{
					content: "";
					display: inline-block;
					width: 122px;
					height: 4px;
					position: relative;
					top: -6px;
				}
				#gNaviSP-list > ul > li > .gNaviSP-list-school::before, #gNaviSP-list > ul > li > .gNaviSP-list-seminar::before, #gNaviSP-list > ul > li > .gNaviSP-list-basis::before, #gNaviSP-list > ul > li > .gNaviSP-list-login::before, #gNaviSP-list > ul > li > .gNaviSP-list-beginner::before{
					width: 100%;
					height: 3px;
				}
				.gNavi-list-school::before, .gNaviSP-list-school::before {
					background-color: #00a3e2;
				}
				.gNavi-list-seminar::before, .gNaviSP-list-seminar::before {
					background-color: #1aa548;
				}
				.gNavi-list-basis::before, .gNaviSP-list-basis::before {
					background-color: #fdc800;
				}
				.gNavi-list-login::before, .gNaviSP-list-login::before {
					background-color: #f0860e;
				}
				.gNavi-list-beginner::before, .gNaviSP-list-beginner::before {
					background-color: #d6007c;
				}
		.gNavi-sublist {
			position: fixed;
			top: 100px;
			left: 0;
			width: 100%;
			color: #FFF;
		}
			.gNavi-sublist .current, .gNaviSP-sublist .current {
				position: relative;
			}
				.gNavi-sublist .current::after, .gNaviSP-sublist .current::after {
					content: "";
					position: absolute;
					bottom: 4px;
					left: 6px;
					width: 100%;
					height: 2px;
					background: #FFF;
				}
			.gNavi-sublist > ul {
				width: 1025px;
				text-align: left;
				margin: 0 auto;
			}
			.gNavi-sublist > ul > li {
				float: left;
				font-size: 1rem;
				margin-right: 10px;
				padding: 12px 5px;
			}
				.gNavi-sublist a, .gNaviSP-sublist a {
					color: #FFF;
					border-left: 1px solid #FFF;
					padding-left: 10px;
					cursor: pointer;
				}
				.gNavi-sublist-basis a, .gNaviSP-sublist-basis a, .gNaviSP-sublist__second a {
					color: #0c1000;
					border-left: 1px solid #0c1000;
				}
			.gNavi-sublist > ul > li:nth-child(1) div > a, .gNavi-sublist > ul > li:nth-child(1) > a, .gNavi-sublist__second > ul > li:nth-child(1) > a {
				border-left: none; 
				padding-left: 0;
			}
				.gNavi-sublist-school, .gNaviSP-sublist-school, .gNavi-sublist__second-school .current::after, .gNaviSP-sublist__second-school .current::after {
					background-color: #00a3e2;
				}
				.gNavi-sublist-seminar, .gNaviSP-sublist-seminar {
					background-color: #1aa548;
				}
				.gNavi-sublist-basis, .gNaviSP-sublist-basis, .gNavi-sublist__second-basis .current::after, .gNaviSP-sublist__second-basis .current::after {
					background-color: #fdc800;
				}
				.gNavi-sublist-beginner, .gNaviSP-sublist-beginner, .gNavi-sublist__second-beginner .current::after, .gNaviSP-sublist__second-beginner .current::after {
					background-color: #d6007c;
				}
	.gNavi-list-item__second {
	}
		.gNavi-sublist__second {
			position: fixed;
			top: 138px;
			left: 0;
			width: 100%;
			color: #FFF;
			text-align: left;
			margin: 0 auto;
		}
			.gNavi-sublist__second ul {
				width: 1025px;
				text-align: left;
				margin: 0 auto;
			}
			.gNavi-sublist__second li {
				float: left;
				font-size: 1rem;
				margin-right: 10px;
				padding: 12px 5px;
			}
				.gNavi-sublist__second a {
					color: #0c1000;
					border-left: 1px solid #0c1000;
					padding-left: 10px;
					cursor: pointer;
				}
				.gNavi-sublist__second-school, .gNaviSP-sublist__second-school{
					background-color: #f3f8fe;
				}
				.gNavi-sublist__second-seminar, .gNaviSP-sublist__second-seminar {
					background-color: #e0f8be;
				}
				.gNavi-sublist__second-basis, .gNaviSP-sublist__second-basis {
					background-color: #fff8c2;
				}
				.gNavi-sublist__second-beginner, .gNaviSP-sublist__second-beginner {
					background-color: #ffe9ff;
				}

/* サブメニュー（ページ内リンク）*/
#subMenu > #subMenu-list{
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 30px;
}
	#subMenu > #subMenu-list li{
		padding: 5px 5px 5px 14px;
    text-indent: -12px;
	}
	#subMenu > #subMenu-list li a{
		font-size: 1.1rem;
		text-decoration: underline;
	}
	#subMenu > #subMenu-list time::before{
    content: '▸';
	}
	#subMenu > #subMenu-list time {
		padding-right:15px; 
	}
/* サブメニュー（ページ内リンク枠付き）*/
#subMenu_bdr > #subMenu-list{
	display: flex;
	width: 100%;
	padding: 10px;
	margin-bottom: 30px;
}
	#subMenu_bdr > #subMenu-list li{
		width: 100%;
		;overflow: hidden;
		border: 1px solid #ccc;
	}
	#subMenu_bdr > #subMenu-list li:nth-child(n+2){
		border-left: none;
	}
	#subMenu_bdr > #subMenu-list li a{
		display: block;
		height: 100%;
		font-size: 1.1rem;
		padding: 10px 5px 10px 15px;
		text-decoration: none;
	}	
	#subMenu_bdr > #subMenu-list li a:hover{
		background: #ebecf0;
	}
#pageTit {
	display: flex;
	justify-content: center;
	align-items: center;
	clear: both;
	color: #675223;
	min-height: 110px;
	font-size: 2.14285713rem;
	line-height: 1.46;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 170px; 
	position: relative;
}
_:-ms-lang(x)::-ms-backdrop, #pageTit {
  /* IE11 のみ適用される */
	padding-top: 200px; 
}
	#pageTit::before {
			content: "";
			position: absolute !important;
			top: 170px;
			left: 0;
			width: 100%;
			height: 1px;
			border-top: 1px solid #b3a891;
			border-bottom: 2px solid #b3a891;
			padding-bottom:3px; 
	}
	#pageTit::after {
			content: "";
			position: absolute !important;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			border-top: 2px solid #b3a891;
			border-bottom: 1px solid #b3a891;
			padding-top:3px; 
	}
_:-ms-lang(x)::-ms-backdrop, #pageTit::after {
  /* IE11 のみ適用される */
	bottom: 35px;
}
	#pageTit span {
	}
	#pageTit i {
		display: block;
		font-size: 1.142857136rem;
		font-style:normal;
	}
/* ------------------------------
スタナビログインページ（IE11 のみ適用される）
------------------------------*/
_:-ms-lang(x)::-ms-backdrop, #page_horoscope_login #pageTit {
  /* IE11 のみ適用される */
	min-heigtt: 110px !important;
	padding-top: 80px !important;
}
_:-ms-lang(x)::-ms-backdrop, #page_horoscope_login #pageTit::after {
  /* IE11 のみ適用される */
	bottom: 20px !important;
}
@-webkit-keyframes pageTitAnime {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}
@-moz-keyframes pageTitAnime {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}
@keyframes pageTitAnime {
	0%{background-position:0% 50%}
	50%{background-position:100% 51%}
	100%{background-position:0% 50%}
}

#container {
	overflow: hidden;
	padding: 0 0 50px;
	margin: auto;
}
#mainContent {
/*	padding-left: 20px;
	padding-right: 20px;*/
}
#subNavi {
	line-height: 1.5;
}
[data-maincnts-colname="pc2_main"]{
	width: 705px;
	float: left;
}
[data-maincnts-colname="pc2_sub"]{
	width: 260px;
	float: right;
}
#footer {
	background-color: #0f005b;
	clear: both;
	color:#fff;
	position: relative;
	margin-top: 30px;
	padding: 10px 0 20px;
}
	#footer::before, #footer::after {
		content: "";
		display: inline-block;
		width: 100%;
		height: 2px;
		position: absolute;
	}
	#footer::before {
		background: #0f005b;
		top: -10px;
	}
	#footer::after {
		background: #FFF;
		bottom: 10px;
	}
	#footer-nav, #footer-nav_icon {
		text-align: center;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}
		#footer-nav li, #footer-nav_icon li {
			display: inline;
			margin-left: 1em;
			margin-right: 1em;
		}
		#footer-nav a, #footer-nav_icon a {
			color: inherit;
		}
	#copyright{
		display: block;
		text-align: center;
		font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		margin-top: 30px;
	}

.back-top {
	width: 1025px;
	text-align: right;
  margin: auto;
	padding: 10px;
}
/* ======================================================================================
スマホ
====================================================================================== */
@media only screen and (max-width: 768px){
.logo_starNavigator img {
    width: 38%;
    top: -28px !important;
}
.bx-wrapper{
	padding-top:0;
}
	#container{
	}
	#pageWrap{
		min-width: auto;
	}
	#header {
	background: #0E005B !important;
}
	#headerInner,
	.wrap_limited{
		width:auto;
	}
	#headerInner{
		height: 110px;
		padding-left:5px;
		padding-right:5px;
	}
	#siteID {
		position: relative;
		max-width: 150px;
		top: 35px;
		left: 10px;
	}
/* グローバルメニュー（スマホ）*/
	#gNavi{
		display: none;
	}
	#gNaviSP {
		display: block;
		position: relative;
		z-index: 9999;
		width: 100%;
	}
		#gNaviSP-menu-btn {
			position: absolute;
			top: -30px;
			right: 0;
			cursor: pointer;
			display: flex;
			justify-content: flex-end;
			align-items: flex-end;
		}
			#gNaviSP-menu-btn a {
					text-align: center;
				}
			#gNaviSP-menu-btn .gNaviSP-menu-icon_mail img {
				width: 70%;
                margin-right: 10px;
			}
			#gNaviSP-menu-btn .gNaviSP-menu-icon_facebook img {
				width: 80%;
			}
			#gNaviSP-menu-btn .gNaviSP-menu-btn_horofree img {
				width: 80%;
			}
		#gNaviSP-list {
				position: relative;
				top: 30px;
		}
			#gNaviSP-list > ul {
				color:#fff;
				display: flex;
				justify-content: flex-end;
				align-items: flex-end;
			}
				#gNaviSP-list > ul > li {
					font-size: 0.8rem;
   					/*width: 16%;*/
                    min-width: 14.6%;
					text-align: center;
					margin-left: 5px;
				}
				.gNaviSP-list-item a,
				.gNaviSP-list-item span {
					color: inherit;
				}
				#gNaviSP-list > ul > li:last-child {
   				 width: 26%;
				}
		.gNaviSP-sublist {
				position: absolute;
				top: 36px;
				left: -2%;
				width: 104%;
				color: #FFF;
				overflow-y: hidden;
		}
			.gNaviSP-sublist > ul {
				overflow-x: auto;
				overflow-y: hidden;
				white-space: nowrap;
				margin: 0;
				-webkit-overflow-scrolling: touch;
				display: table;
			}
			.gNaviSP-sublist > ul > li {
				display: table-cell;
				height: 50px;
				vertical-align: middle;
				font-size: 1rem;
				margin-right: 10px;
				padding: 0 5px;
			}
			.gNaviSP-sublist > ul > li:nth-child(1) div > a, .gNaviSP-sublist > ul > li:nth-child(1) > a, .gNaviSP-sublist__second > ul > li:nth-child(1) > a {
				border-left: none; 
				padding-left: 10px;
			}
		.gNaviSP-sublist a {
				padding-right: 10px;
		}
	.gNaviSP-list-item__second, .gNaviSP-sublist__second {
		display: inherit;
	}
		.gNaviSP-sublist__second li {
			display: inline-block;
			font-size: 1rem;
			margin-right: 10px;
			padding: 10px 5px;
		}
#container {
	padding: 0px;
}
#mainContent {
	padding-bottom: 30px;
}
	.wrap_limited{
		padding-left: 7px;
		padding-right: 7px;
	}
#pageTit {
	min-height: 80px;
	margin-bottom: 30px;
	font-size: 1.714285704rem;
	line-height: 1.4;
	position: relative;
}
#pageTit::before {
    content: "";
    position: absolute;
    top: 170px;
    width: 90%;
    height: 1px;
    border-top: 1px solid #675223;
	border-bottom: none;
	left: 50%;
    margin-left: -45%;
}
#pageTit::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 90%;
    height: 1px;
    border-top: none;
    border-bottom: 1px solid #675223;
	margin: 0 auto;
	left: 50%;
    margin-left: -45%;
}
	#subNavi{
		padding-left: 7px;
		padding-right: 7px;
	}
	[data-titletype]{
		margin-left: 0px;
		margin-right: 0px;
	}

	/* タイトルの左右の余白潰し */
	#blog-article-tit_sp{
		margin-left: -7px;
		margin-right: -7px;
	}

	[data-mainCnts-colName="pc2_main"],
	[data-mainCnts-colName="pc2_sub"]{
		clear:both !important;
		width: auto !important;
		float:none !important;
	}
	#footer-nav li {
		display: block;
		text-align: right;
		padding: 10px 0;
	}
	#footer-nav_icon li {
		display: inline-block;
		padding: 10px 0;
	}
.back-top {
	width: 90%;
	text-align: right;
}
/* サブメニュー（ページ内リンク）*/
	#subMenu > #subMenu-list {
    padding: 10px 10px 10px 5px;
}
/* サブメニュー（ページ内リンク枠付き）*/
#subMenu_bdr {
	margin: 0;
}
#subMenu_bdr > #subMenu-list{
	display: initial;
	width: 100%;
	padding: 10px;
	margin-bottom: 0;
}
	#subMenu_bdr > #subMenu-list li:nth-child(n+2){
		border-left: 1px solid #ccc;
	}
	#subMenu_bdr > #subMenu-list li:nth-child(n+2){
		border-top: none;
	}

}