/* トップページのみの独自スタイル */
div#container-main {
}
div.body_div #nc-container > div.row{
}
@media screen and (max-width:1198px){
	div.body_div header#container-header {}
	div.body_div #nc-container > div.row{
		margin-top: 112px;
	}
}
@media screen and (max-width:980px) {
	div.body_div header#container-header {}
	div.body_div #nc-container > div.row{
		margin-top: 71px;
	}
}
@media screen and (max-width:400px) {
	div.body_div header#container-header {}
	div.body_div #nc-container > div.row{
		margin-top: 62px;
	}
}
/* スクロールトップの位置変更 */
#nc-container #page-top {
	bottom: 250px;
	right: 20px;
}

/* タイトル画像（メニュー）の表示をしない */
main#nc-container div#box-17 section:nth-of-type(4){ display:none; }

/*メインコンテンツはヘッダー部を除く*/
.body_div #nc-container > div.row{
	margin-top: 83px;
}
body.body-loggedin .body_div #nc-container > div.row{
	margin-top: 0;
}
/* スライダー #117 　*/
/* sectionの横幅をブラウザ幅いっぱいに広げる */
section#frame-117 {
	margin-right: -200%;
	margin-left: -200%;
	padding: 0 200%;
	border: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}
section#frame-117 .panel-body {
	padding: 0;
	height: 555px;
}
@media screen and (max-width:992px) {
	section#frame-117 .panel-body {
		height: inherit;
		padding-bottom: 20px;
	}
}
/*　スライダー下の雲　*/
/*
#bxslider3::after {
content: url(/common/img/kumo.png);
}
*/
/* スライダー下の雲 #126 */
.body-nologgedin div#box-16 > section#frame-126 {
	margin: 0;
	border: none;
}
.body-nologgedin div#box-16 > section#frame-126 > div.panel-heading {
	display: none;
}
.body-nologgedin div#box-16 > section#frame-126 > div.panel-body {
	margin: 0;
	padding: 0;
	height: 0;
}
.body-nologgedin div#box-16 > section#frame-126 img {
    position: absolute;
    left: calc((1170px - 100vw)/2);
    z-index: 20;
    top: 554px;
}
@media screen and (max-width:1198px) {
	.body-nologgedin div#box-16 > section#frame-126 img {
		left: calc((970px - 100vw)/2);
	}
}
@media screen and (max-width:992px) {
	.body-nologgedin div#box-16 > section#frame-126 img {
	    position: relative;
	    top: -31px;
		left: calc((720px - 100vw)/2);
	}
}
@media screen and (max-width:750px) {
	.body-nologgedin div#box-16 > section#frame-126 img {
	    top: -31px;
		left: -15px;
	}
}

/* 新着の背景 #125 sectionをブラウザ幅いっぱいに広げて背景画像をおく */
section#frame-125 {
	margin: 0 -200%;
	padding: 0 200%;
	padding-top: 20px;
	border: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	background-color: #eee;
	height: 710px;					/* 新着の高さと併せる */
	position: relative;
}
.body-nologgedin div#box-16 > section#frame-125 > div.panel-heading {
	display: none;
}
.body-nologgedin div#box-16 > section#frame-125 > div.panel-body {
	display: none;
}
@media screen and (max-width:992px) {
	section#frame-125 {
		display: none;
	}
}

/* 新着のsectionを横並びにする #123 #124*/
.body-nologgedin section#frame-123, .body-nologgedin section#frame-124 {
	position: absolute;
	top: 555px;						/* スライダーの下位置 */
	width: 50%;
	padding: 15px 0;
	background-color: #fff;
	border: none;
	border-radius: unset;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 710px;					/* 2つの新着の大きい方の高さ */
}
.body-nologgedin section#frame-123 {
	left: 0;
	padding-left: 4%;
	padding-right: 1%;
}
.body-nologgedin section#frame-124 {
	left: 50%;
	padding-left: 1%;
	padding-right: 4%;
}
.body-nologgedin section#frame-123 .panel-heading, 
.body-nologgedin section#frame-124 .panel-heading {
	text-align: center;
}
.body-nologgedin section#frame-123 header, section#frame-124 header {
	display: none;
	border: none;
}
.body-nologgedin section#frame-123 div.panel-body, 
.body-nologgedin section#frame-124 div.panel-body {
	border: 1px solid #bce8f1;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
@media screen and (max-width:992px) {
	.body-nologgedin section#frame-123, .body-nologgedin section#frame-124 {
		position: static;
		width: 100%;
		padding: 0;
		height: inherit;
	}
	.body-nologgedin section#frame-123 {
	}
	.body-nologgedin section#frame-124 {
	}
}

/* バナーのsection #98　*/
.body-nologgedin section#frame-98 {
	margin: 0 -200%;
	padding: 0 200%;
	-webkit-box-shadow: inherit;
	background-color: rgb(69, 120, 206);
	position: relative;
	border: none;
	border-radius: unset;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.body-nologgedin section#frame-98 > div.panel-body {
	padding: 15px;
	background-color: rgb(92, 150, 229);
	margin: 0 -15px;
}
.body-nologgedin section#frame-98 > div.panel-body .banner_wrap {
}
.body-nologgedin section#frame-98 > div.panel-body .banner_wrap a {
	display: block;
	float: left;
}
.body-nologgedin section#frame-98 > div.panel-body .banner_wrap img {
	padding: 2px;
}

@media screen and (max-width:1198px) {
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap {
		margin: 0 auto;
		width: 846px;
	}
}
@media screen and (max-width:992px) {
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap {
		width: 720px;
	}
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap img {
		width: calc(720px/3);
	}
}
@media screen and (max-width:767px) {
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap {
		width: 600px;
	}
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap img {
		width: 200px;
	}
}
@media screen and (max-width:630px) {
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap {
		width: 400px;
	}
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap img {
		width: 200px;
	}
}
@media screen and (max-width:430px) {
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap {
		width: 100%;
	}
	.body-nologgedin section#frame-98 > div.panel-body .banner_wrap img {
		width: 165px;
	}
}
/* 学校案内　#130 */
section#frame-130 {
	clear: both;
	margin-right: -200%;
	margin-left: -200%;
	padding: 40px 200% 20px;
	border: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;

	background-image: url("/theme/seitoku/img/top_back1.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: -270px bottom;
}
.aboutschool > p {
	float:left;
	width: 42px;
	height: auto;
	padding: 122px 5px;
	background: rgb(69, 120, 206);
	color: #fff;
	font-size: 2rem;
	font-weight: normal;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-decoration: none;
	letter-spacing: 5px;
	border-top: 5px solid rgb(255,167,62);
	border-bottom: 5px solid rgb(255,167,62);
	margin-bottom: 0;
}
.aboutschool .letter_body {
	width: 50%;
	float: left;
	padding-left: 35px;
}
.aboutschool .title {
	color: rgb(69, 120, 206);
	font-size: 3.8rem;
	font-weight: bold;
	letter-spacing: 1px;
	transition: .5s;
}
.aboutschool a.title:hover {
	text-decoration: none;
	opacity: 0.5;
}
.aboutschool .letter_body .detail {
	letter-spacing: 3px;
}
.aboutschool .pict {
	width: calc(50% - 42px);
	float: left;
	padding-left: 35px;
}
.aboutschool .pict img {
	width: 100%;
	transition: .5s;
}
.aboutschool .pict img:hover {
	opacity: 0.6;
}
@media screen and (max-width:1198px) {
	.aboutschool > p {
		padding: 86px 5px;
	}
	.aboutschool .title {
		font-size: 3.4rem;
	}
}
@media screen and (max-width:992px) {
	.aboutschool > p {
		padding: 88px 5px;
	}
	.aboutschool .title {
		font-size: 2.6rem;
	}
}
@media screen and (max-width:767px) {
	.aboutschool > p {
		border: none;
		-webkit-writing-mode: none;
		-ms-writing-mode: none;
		writing-mode: initial;
		width: 100%;
		height: auto;
		padding: 5px 0;
		text-align: center;
		background: rgb(69, 120, 206);
		color: #fff;
		font-size: 2rem;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 5px;
		border-right: 5px solid rgb(255,167,62);
		border-left: 5px solid rgb(255,167,62);
		margin-bottom: 15px;
	}
	.aboutschool .letter_body, 
	.aboutschool .pict {
		width: 100%;
		float: inherit;
		padding: 5px;
		margin-bottom: 15px;
	}
	.aboutschool .title {
		font-size: 2.8rem;
		text-align: center;
		letter-spacing: 0px;
	}
	.aboutschool .pict {
		margin-bottom: 15px;
	}
}

/* コース紹介　#131 */
section#frame-131 {
	clear: both;
	margin-right: -200%;
	margin-left: -200%;
	padding: 40px 200% 20px;
	border: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;

	background-image: url("/theme/seitoku/img/top_back2.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: 240px bottom;
}
.course > p {
	float:right;
	width: 42px;
	height: auto;
	padding: 130px 5px;
	background: rgb(69, 120, 206);
	color: #fff;
	font-size: 2rem;
	font-weight: normal;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-decoration: none;
	letter-spacing: 5px;
	border-top: 5px solid rgb(255,167,62);
	border-bottom: 5px solid rgb(255,167,62);
	margin-bottom: 0;
}
.course .letter_body {
	width: 75%;
	float: right;
	padding-right: 35px;
}
.course .title {
	color: rgb(69, 120, 206);
	font-size: 3.8rem;
	font-weight: bold;
	letter-spacing: 1px;
	transition: .5s;
}
.course a.title:hover {
	text-decoration: none;
	opacity: 0.5;
}
.course .letter_body .detail {
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.course .letter_body .course_detail {
	display: table;
	border: 1px solid #aaa;
}
.course .letter_body .course_detail .title, 
.course .course_detail2 .title {
	padding: 2px; 
	text-align: center;
	width: 100%;
	background-color: rgb(80, 195, 208);
	color: #fff;
	font-size: 1.9rem;
	font-weight: inherit;
	letter-spacing: inherit;
}
.course .letter_body .course_detail .tokushin, 
.course .letter_body .course_detail .senbatsu, 
.course .letter_body .course_detail .shingaku {
	width: 32%;
	padding: 20px;
	margin-top: 10px;
	float: left;
}
.course .letter_body .course_detail .tokushin, 
.course .letter_body .course_detail .senbatsu {
	border-right: 2px dotted rgb(80, 195, 208);
}
.course .letter_body .course_detail .shingaku {
	width: 36%;
}
.course .letter_body .course_detail .tokushin img, 
.course .letter_body .course_detail .senbatsu img, 
.course .letter_body .course_detail .shingaku img, 
.course .course_detail2 .tokushin img, 
.course .course_detail2 .senbatsu img, 
.course .course_detail2 .shingaku img {
	width: 100%;
	transition: .5s;
}
.course .pict {
	width: calc(25% - 42px);
	float: right;
	padding-right: 35px;
}
.course .pict img {
	width: 100%;
	transition: .5s;
}
.course .pict img:hover {
	opacity: 0.6;
}
.course .tokushin img:hover, 
.course .senbatsu img:hover, 
.course .shingaku img:hover {
	opacity: 0.6;
}
.course .course_detail2 {
	display: none;
}

@media screen and (max-width:1198px) {
	.course > p {
		padding: 134px 5px;
	}
	.course .title {
		font-size: 3.4rem;
	}
	.course .letter_body {
		width: 70%;
	}
	.course .pict {
		width: calc(30% - 42px);
	}
}
@media screen and (max-width:992px) {
	.course > p {
		padding: 230px 5px;
	}
	.course .title {
		font-size: 3rem;
	}
	.course .letter_body {
		width: 65%;
	}
	.course .pict {
		width: calc(35% - 42px);
	}
	.course .letter_body .course_detail .tokushin, 
	.course .letter_body .course_detail .senbatsu, 
	.course .letter_body .course_detail .shingaku {
		width: 50%;
	}
	.course .letter_body .course_detail .senbatsu {
		border-right: none;
	}
	.course .letter_body .course_detail .shingaku {
		width: 50%;
	}
}
@media screen and (max-width:767px) {
	.course > p {
		border: none;
		-webkit-writing-mode: none;
		-ms-writing-mode: none;
		writing-mode: initial;
		width: 100%;
		height: auto;
		padding: 5px 0;
		text-align: center;
		background: rgb(69, 120, 206);
		color: #fff;
		font-size: 2rem;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 5px;
		border-right: 5px solid rgb(255,167,62);
		border-left: 5px solid rgb(255,167,62);
		margin-bottom: 15px;
	}
	.course .letter_body {
		width: 65%;
		padding: 5px;
		margin-bottom: 15px;
	}
	.course .title {
		font-size: 2.8rem;
	}
	.course .pict {
		width: 35%;
	}
}
@media screen and (max-width:490px) {
	.course .letter_body .course_detail {
		display: none;
	}
	.course .course_detail2 {
		display: table;
	}
	.course .course_detail2 {
		width: 100%;
		border: 1px solid #aaa;
	}
	.course .course_detail2 .tokushin, 
	.course .course_detail2 .senbatsu, 
	.course .course_detail2 .shingaku {
		width: 65%;
		padding: 20px;
		margin: 10px auto;
	}
	.course .course_detail2 .tokushin, 
	.course .course_detail2 .senbatsu {
		border-bottom: 2px dotted rgb(80, 195, 208);
	}
}

/* 学園生活　#1 */
section#frame-1 {
	clear: both;
	margin-right: -200%;
	margin-left: -200%;
	padding: 40px 200%;
	padding-bottom: 100px;
	border: none;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;

	background-image: url("/theme/seitoku/img/top_back1.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: -300px bottom;
}
.school_life > p {
	float:left;
	width: 42px;
	height: auto;
	padding: 142px 5px;
	background: rgb(69, 120, 206);
	color: #fff;
	font-size: 2rem;
	font-weight: normal;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-decoration: none;
	letter-spacing: 5px;
	border-top: 5px solid rgb(255,167,62);
	border-bottom: 5px solid rgb(255,167,62);
	margin-bottom: 0;
}
.school_life .club, 
.school_life .uniform, 
.school_life .facility {
	width: calc((100% - 42px)/3);
	float: left;
	padding-left: 35px;
}
.school_life .club .title, 
.school_life .uniform .title, 
.school_life .facility .title {
	color: rgb(69, 120, 206);
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 5px;
	transition: .5s;
}
.school_life .club a.title:hover, 
.school_life .uniform a.title:hover, 
.school_life .facility a.title:hover {
	text-decoration: none;
	opacity: 0.5;
}
.school_life .club .pict, 
.school_life .uniform .pict, 
.school_life .facility .pict {
	margin-bottom: 15px;
}
.school_life .club .pict img, 
.school_life .uniform .pict img, 
.school_life .facility .pict img {
	width: 100%;
	transition: .5s;
}
.school_life .club .pict img:hover, 
.school_life .uniform .pict img:hover, 
.school_life .facility .pict img:hover {
	opacity: 0.6;
}
.school_life .club .caption, 
.school_life .uniform .caption, 
.school_life .facility .caption {
	color: rgb(69, 120, 206);
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.school_life .club .detail, 
.school_life .uniform .detail, 
.school_life .facility .detail {
}
@media screen and (max-width:1198px) {
	.school_life > p {
		padding: 130px 5px;
	}
}
@media screen and (max-width:992px) {
	.school_life > p {
		padding: 112px 5px;
	}
	.school_life .club .title, 
	.school_life .uniform .title, 
	.school_life .facility .title {
		font-size: 3rem;
	}
}
@media screen and (max-width:767px) {
	.school_life > p {
		border: none;
		-webkit-writing-mode: none;
		-ms-writing-mode: none;
		writing-mode: initial;
		width: 100%;
		height: auto;
		padding: 5px 0;
		text-align: center;
		background: rgb(69, 120, 206);
		color: #fff;
		font-size: 2rem;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 5px;
		border-right: 5px solid rgb(255,167,62);
		border-left: 5px solid rgb(255,167,62);
		margin-bottom: 15px;
	}
	.school_life .club, 
	.school_life .uniform, 
	.school_life .facility {
		width: 100%;
		float: inherit;
		padding: 5px;
		margin-bottom: 15px;
	}
	.school_life .club .title, 
	.school_life .uniform .title, 
	.school_life .facility .title {
		color: rgb(69, 120, 206);
		font-size: 3.4rem;
		font-weight: bold;
		text-align: center;
		letter-spacing: 5px;
	}
	.school_life .club .pict, 
	.school_life .uniform .pict, 
	.school_life .facility .pict {
		margin-bottom: 15px;
	}
	.school_life .club .pict img , 
	.school_life .uniform .pict img, 
	.school_life .facility .pict img {
		width: -moz-available;
	}
	.school_life .club .caption, 
	.school_life .uniform .caption, 
	.school_life .facility .caption {
		color: rgb(69, 120, 206);
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.school_life .club .detail, 
	.school_life .uniform .detail, 
	.school_life .facility .detail {
		margin-bottom: 15px;
	}
}




@media screen and (max-width:992px) {
	.body-nologgedin section#frame-130 {
		background-position: -150px bottom;
	}
	.body-nologgedin section#frame-131 {
		background-position: 140px bottom;
	}
	.body-nologgedin section#frame-1 {
		background-position: -180px bottom;
	}
}
@media screen and (max-width:767px) {
	.body-nologgedin section#frame-130 {
		background-position: -70px bottom;
	}
	.body-nologgedin section#frame-131 {
		background-position: 60px bottom;
	}
	.body-nologgedin section#frame-1 {
		background-position: -90px bottom;
	}
}

/*右下バナー #frame-127 */
.body-nologgedin div#box-16 > section#frame-127 {
	margin: unset;
	border: unset;
	height: 0;
}
.body-nologgedin div#box-16 > section#frame-127 > div.panel-heading {
	display: none;
}
.body-nologgedin div#box-16 > section#frame-127 > div.panel-body {
	padding: unset;
	border: none;
}
div#box-16 > section#frame-127 article {
	position: fixed;
	bottom: 1px;
	height: auto;
	background: rgba(69,120,206,0.8);
	z-index: 10;
}
div#box-16 > section#frame-127 article p {
	border-bottom: 1px solid rgba(255,255,255,0.6);
	margin: 0;
}
div#box-16 > section#frame-127 article p a {
	position: relative;
	display: block;
	padding: 24px 48px 24px 32px;
	color: rgba(255,255,255,0.9);
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	line-height: 1.2;
	transition: all .2s;
	text-decoration: none;
}
div#box-16 > section#frame-127 article p a:hover {
	background: rgba(69,120,206,0.5);
}
@media screen and (min-width:768px){
	div#box-16 > section#frame-127 article {
		right: 1px;
	}
	div#box-16 > section#frame-127 article p {
		width: 320px;
	}
	div#box-16 > section#frame-127 article p a {
		padding: 15px 48px 15px 32px;
	}

	div#box-16 > section#frame-127 article p a:after {
	  font-family: 'Material Icons';
	  content: "\e315";
		background: rgba(69,120,206,0.5);
		font-size: 36px;
		display: block;
		line-height: 1;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0px;
		width: 48px;
		padding: 6px 6px;
		color: rgba(255,255,255,0.9);
	}
}
@media screen and (max-width:767px) {
	div#box-16 > section#frame-127 article {
		left: 0;
		right: 0;
		width: 100%;
		margin: auto;
	}
	div#box-16 > section#frame-127 article p {
	}
	div#box-16 > section#frame-127 article p a {
		padding: 15px 28px 15px 20px;
		text-align: center;
	}
}
/* ログイン時（セッティングモードon） */
body.body-settingmode #nc-container > div.row {
	margin-top: 0;
}