﻿@charset "UTF-8";
/* CSS Document */

#contents header:nth-of-type(1) h3:nth-of-type(1) { margin-top:24px; }

/* footerNav3
------------------------------------------------------------------------------------*/
/* pc */
@media(min-width:768px) {
	#contents #footerNav3 div:nth-of-type(2) a:nth-of-type(1) { background-image:url(../img/pc/btn_00.png) , url(../../common/img/pc/allowR.png); background-size:135px , 12px; }
	
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(1) { background-image:url(../img/pc/btn_gr05.png) , url(../../common/img/pc/allowR.png); background-size:177px , 12px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(2) { background-image:url(../img/pc/btn_gr04.png) , url(../../common/img/pc/allowR.png); background-size:177px , 12px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(3) { background-image:url(../img/pc/btn_gr03.png) , url(../../common/img/pc/allowR.png); background-size:177px , 12px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(4) { background-image:url(../img/pc/btn_gr02.png) , url(../../common/img/pc/allowR.png); background-size:177px , 12px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(5) { background-image:url(../img/pc/btn_gr01.png) , url(../../common/img/pc/allowR.png); background-size:177px , 12px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(6) { background-image:url(../img/pc/btn_ul05.png) , url(../../common/img/pc/allowR.png); background-size:195px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(7) { background-image:url(../img/pc/btn_ul04.png) , url(../../common/img/pc/allowR.png); background-size:195px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(8) { background-image:url(../img/pc/btn_ul03.png) , url(../../common/img/pc/allowR.png); background-size:195px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(9) { background-image:url(../img/pc/btn_ul02.png) , url(../../common/img/pc/allowR.png); background-size:195px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(10) { background-image:url(../img/pc/btn_ul01.png) , url(../../common/img/pc/allowR.png); background-size:195px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(11) { background-image:url(../img/pc/btn_d05.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(12) { background-image:url(../img/pc/btn_d04.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(13) { background-image:url(../img/pc/btn_d03.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(14) { background-image:url(../img/pc/btn_d02.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(15) { background-image:url(../img/pc/btn_d01.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(16) { background-image:url(../img/pc/btn_05.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(17) { background-image:url(../img/pc/btn_04.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(18) { background-image:url(../img/pc/btn_03.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(19) { background-image:url(../img/pc/btn_02.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(20) { background-image:url(../img/pc/btn_01.png) , url(../../common/img/pc/allowR.png); background-size:110px , 12px; }
}

/* スマホ */
@media(max-width:767px) {
	#contents #footerNav3 div:nth-of-type(2) a:nth-of-type(1) { background-image:url(../img/sp/btn_00.png) , url(../../common/img/sp/allowR.png); background-size:95px , 18px; }
	
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(1) { background-image:url(../img/sp/btn_gr05.png) , url(../../common/img/sp/allowR.png); background-size:84px , 18px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(2) { background-image:url(../img/sp/btn_gr04.png) , url(../../common/img/sp/allowR.png); background-size:84px , 18px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(3) { background-image:url(../img/sp/btn_gr03.png) , url(../../common/img/sp/allowR.png); background-size:84px , 18px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(4) { background-image:url(../img/sp/btn_gr02.png) , url(../../common/img/sp/allowR.png); background-size:84px , 18px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(5) { background-image:url(../img/sp/btn_gr01.png) , url(../../common/img/sp/allowR.png); background-size:84px , 18px; }
  #contents #footerNav3 div:nth-of-type(1) a:nth-of-type(6) { background-image:url(../img/sp/btn_ul05.png) , url(../../common/img/sp/allowR.png); background-size:89px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(7) { background-image:url(../img/sp/btn_ul04.png) , url(../../common/img/sp/allowR.png); background-size:89px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(8) { background-image:url(../img/sp/btn_ul03.png) , url(../../common/img/sp/allowR.png); background-size:89px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(9) { background-image:url(../img/sp/btn_ul02.png) , url(../../common/img/sp/allowR.png); background-size:89px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(10) { background-image:url(../img/sp/btn_ul01.png) , url(../../common/img/sp/allowR.png); background-size:89px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(11) { background-image:url(../img/sp/btn_d05.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(12) { background-image:url(../img/sp/btn_d04.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(13) { background-image:url(../img/sp/btn_d03.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(14) { background-image:url(../img/sp/btn_d02.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(15) { background-image:url(../img/sp/btn_d01.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(16) { background-image:url(../img/sp/btn_05.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(17) { background-image:url(../img/sp/btn_04.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(18) { background-image:url(../img/sp/btn_03.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(19) { background-image:url(../img/sp/btn_02.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
	#contents #footerNav3 div:nth-of-type(1) a:nth-of-type(20) { background-image:url(../img/sp/btn_01.png) , url(../../common/img/sp/allowR.png); background-size:73px , 18px; }
}

/* contents
------------------------------------------------------------------------------------*/
@media(min-width:768px) {
	#contents { width:100%; padding:46px 0px 0px;}
	
	#contents header:nth-of-type(1) {
		width:1008px;
		margin:0px auto;
		padding:0px 16px;
	}
	
	#contents header:nth-of-type(1) #subMenu { right:16px; }
	
	#contents header:nth-of-type(1) #subMenu_trigger {
		background:url(../img/pc/btn_subMenu.gif) no-repeat center center #130406;
		background-size:136px;
	}
	
	#contents #footerNav3 {
		width:1008px;
		margin:0px auto;
		padding:0px 16px;
	}
		
	#contents h3.readText {
		background:url(../img/readTextBack.gif) repeat;
		background-size:6px;
		color:#0f295d;
		font-size:22px;
		font-size:2.2rem;
		line-height:30px;
		line-height:3rem;
		font-weight:bold;
		text-align:center;
		text-shadow:0 2px 0 #ffffff , 2px 0 0 #ffffff , 0 -2px 0 #ffffff , -2px 0 0 #ffffff , -2px -2px 0 #ffffff , 2px -2px 0 #ffffff , -2px 2px 0 #ffffff , 2px 2px 0 #ffffff;
		margin-bottom:72px;
		padding:28px 0px;
	}
	#contents h3.readText:nth-of-type(1) { margin-top:56px; }
	
	/* sectionBOX
	---------------------------*/
	#contents .sectionBOX {
		border-bottom:#eeeeee solid 4px;
		margin-bottom:96px;
		padding-bottom:90px;
	}
	
	#contents .sectionBOX h4 {
		color:#e69800;
		font-size:24px;
		font-size:2.4rem;
		font-weight:bold;
		text-align:center;
		margin:0px 0px 18px 0px;
	}
	#contents .sectionBOX h4:before {
		border-left:#f8b200 solid 8px;
		content:'';
		padding-right:6px;
		padding-top:1px;
	}
	
	#contents .sectionBOX p {
		text-align:center;
		line-height:26px;
		line-height:2.6rem;
		margin-bottom: 26px;
	}
	#contents .sectionBOX p:last-of-type { margin-bottom: 0px; }
	
	#contents .sectionBOX img {
		width:100%;
		margin:58px 0px 44px 0px;
		margin:90px 0px 44px 0px;
		margin:138px 0px 44px 0px;
	}
	#contents .sectionBOX img:first-of-type {
		margin-top: 90px;
	}
	
	#contents .sectionBOX h5 {
		font-size:18px;
		font-size:1.8rem;
		font-weight:bold;
		text-align:center;
		margin:0px 0px 18px 0px;
	}
	
	/* textCBOX
	---------------------------*/
	#contents .textCBOX {
		width:1008px;
		margin:0px auto 0px;
		padding:0px 16px;
	}
	
	/* LRBOX
	---------------------------*/
	#contents .LRBOX {
		width:1008px;
		margin:0px auto 0px;
		padding:0px 16px;
	}
	
	#contents .LBOX,
	#contents .RBOX {
		width:468px;
	}
	
	#contents .LBOX { float:left; }
	#contents .RBOX { float:right; }
	
	/* coursesBOX
	---------------------------*/
	#contents .coursesBOX {
		border:none;
		margin-bottom:0px;
	}
	
	#contents .coursesBOX .textCBOX {
		width:1040px;
		padding:0px;
	}
	
	#contents .coursesBOX .flexBOX div {
		width:320px;
		margin:42px 28px 0px 0px;
		margin:74px 28px 0px 0px;
	}
	
	#contents .coursesBOX .coursesC div {
		margin:42px auto 0px;
	}
	
	#contents .coursesBOX .flexBOX div:nth-of-type(3n) { margin-right:0px; }
	#contents .coursesBOX .flexBOX div img { margin:0px; }
	#contents .coursesBOX .flexBOX div h5 { margin:12px 0px 10px 0px; }
	#contents .coursesBOX .flexBOX div p { margin-top:10px } 
	
	#contents .coursesBOX a {
		width:712px;
		height:62px;
		background-image:url(../img/pc/btn_flyer.gif) , url(../../common/img/pc/allowR.png); background-size:160px , 12px;
		background-position:center center , 684px center;
		background-repeat:no-repeat , no-repeat;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:62px auto 0px;
		margin:62px auto 40px;
		margin:62px auto 24px;
		float:none;
	}
	
	/* courses2BOX
	---------------------------*/
	#contents .courses2BOX {
		border:none;
		margin-bottom:0px;
	}
	
	#contents .courses2BOX .textCBOX {
		width:1040px;
		padding:0px;
	}
	
	#contents .courses2BOX #linkText li {
		line-height: 26px;
    line-height: 2.6rem;
		text-align: center;
	}
	
	#contents .courses2BOX .flexBOX div {
		width:450px;
		margin:42px 28px 0px 0px;
		margin:74px 0px 0px 0px;
	}
	
	#contents .courses2BOX .coursesC div {
		margin:42px auto 0px;
	}
	
	#contents .courses2BOX .flexBOX div:nth-of-type(3n) { margin-right:0px; }
	#contents .courses2BOX .flexBOX div img { margin:0px; }
	#contents .courses2BOX .flexBOX div h5 { margin:12px 0px 10px 0px; }
	#contents .courses2BOX .flexBOX div p { margin-top:10px } 
	
	#contents .courses2BOX a.borderOutB {
		width:712px;
		height:62px;
		background-image:url(../img/pc/btn_flyer.gif) , url(../../common/img/pc/allowR.png); background-size:160px , 12px;
		background-position:center center , 684px center;
		background-repeat:no-repeat , no-repeat;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:62px auto 0px;
		margin:62px auto 40px;
		margin:62px auto 24px;
		float:none;
	}
	
	#contents .courses2BOX div ~ p:last-of-type {
		margin: -16px 0px 16px;
	}
	
	/* trainerBOX
	---------------------------*/
	#contents .trainerBOX .clearfix,
	#contents .trainerBOX2 .clearfix {
		text-align:center;
		margin-top:14px;
	}
	
	#contents .trainerBOX .clearfix img,
	#contents .trainerBOX2 .clearfix img {
		width:468px;
		display:block;
		margin:31px 0px 0px 0px;
		float:left;
	}
	
	#contents .trainerBOX .clearfix img:nth-of-type(2n),
	#contents .trainerBOX2 .clearfix img:nth-of-type(2n) {
		margin-left:72px;
	}
	
	#contents .trainerBOX .clearfix img:nth-of-type(5) {
		margin-left:270px;
	}
	
	#contents .trainerBOX2 .clearfix img:nth-of-type(5) {
		width: 1008px;
		padding-top: 31px;
		float: none;
	}
	
	#contents .trainerBOX > a,
	#contents .trainerBOX2 > a {
		width:712px;
		height:62px;
		background-image:url(../img/pc/btn_trainer.gif) , url(../../common/img/pc/allowR.png); background-size: 326px , 12px;
		background-position:center center , 684px center;
		background-repeat:no-repeat , no-repeat;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:62px auto 0px;
		margin:62px auto 40px;
		margin:62px auto 24px;
		float:none;
	}
	
	/* serviceBOX
	---------------------------*/
	#contents .serviceBOX a {
		width:712px;
		height:62px;
		background-image:url(../img/pc/btn_members.gif) , url(../../common/img/pc/allowR.png); background-size:231px , 12px;
		background-position:center center , 684px center;
		background-repeat:no-repeat , no-repeat;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:62px auto 0px;
		margin:62px auto 40px;
		margin:62px auto 24px;
		float:none;
	}
	
	/*
	#contents .textLBOX,
	#contents .textRBOX {
		width:1008px;
		margin:0px auto 136px;
		padding:0px 16px;
	}
	
	#contents .textLBOX h4,
	#contents .textRBOX h4 {
		width:372px;
		border-left:#00acec solid 8px;
		color:#0095cd;
		font-size:24px;
		font-size:2.4rem;
		font-weight:bold;
		line-height:31px;
		line-height:3.1rem;
		margin:0px 0px 18px 0px;
		padding:1px 0px 0px 6px;
	}
	
	#contents .textLBOX div,
	#contents .textRBOX div { width:386px; }
	#contents .textLBOX div { float:left; }
	#contents .textRBOX div { float:right; }
	
	#contents .textLBOX h4 { float:left; }
	#contents .textRBOX h4 { float:right; }
	
	#contents .textLBOX h5,
	#contents .textRBOX h5 {
		font-size:18px;
		font-size:1.8rem;
		font-weight:bold;
		margin-top:48px;
		margin-bottom:6px;
	}
	
	#contents .textLBOX img,
	#contents .textRBOX img { width:590px; }
	#contents .textLBOX img { float:right; }
	#contents .textRBOX img { float:left; }
	
	#contents .textLBOX p,
	#contents .textRBOX p {
		line-height:26px;
		line-height:2.6rem;
		margin-bottom:36px;
	}
	
	#contents .textLBOX .annotation,
	#contents .textRBOX .annotation {
		margin-top:-28px;
		margin-bottom:36px;
	}
	
	#contents .textLBOX .annotation li,
	#contents .textRBOX .annotation li {
		line-height:26px;
		line-height:2.6rem;
		margin-bottom:7px;
	}
	
	#contents .textLBOX .listText,
	#contents .textRBOX .listText {
		margin-top:-28px;
		margin-bottom:36px;
	}
	
	#contents .textLBOX .listText li,
	#contents .textRBOX .listText li {
		line-height:26px;
		line-height:2.6rem;
		margin-bottom:7px;
	}
	
	#contents .textLBOX p:last-child,
	#contents .textRBOX p:last-child,
	#contents .text+BOX ul:last-child,
	#contents .textRBOX ul:last-child,
	#contents .textLBOX li:last-child,
	#contents .textRBOX li:last-child { margin-bottom:0px; }
	
	#contents .textLBOX a,
	#contents .textRBOX a {
		width:324px;
		height:40px;
		background-color:#ffffff;	
		background-repeat:no-repeat , no-repeat;
		background-position:center center , 297px center;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:-8px auto 0px;
	}
	*/
	
	/* discList
	---------------------------*/
  #contents h3.readText span {
    font-size: 1.4rem;
    font-weight: normal;
    display: block;
  }
  
	#contents #discList {
		width:1008px;
		margin:0px auto /*136px*/;
		padding:0px 16px;
	}
	
	#contents #discList h4 {
		font-size:18px;
		font-size:1.8rem;
		font-weight:bold;
		margin-top:72px;
		margin-bottom:24px;
	}
	
	#contents #discList ul {
		margin-bottom:-32px;
	}
	
	#contents #discList li {
		text-align:center;
		display:block;
		position: relative;
		float:left;
		margin-bottom:30px;
	}
	#contents #discList img { width:100%; }
	
	#contents #discList li.addDisc a:before {
		content: '';
		width: 56px;
		height: 58px;
		background: url(../img/pc/icon_new.png) no-repeat;
		background-size: 56px;
		position: absolute;
		z-index: 1;
	}
	
	#contents #discList li.addDisc a:after {
		content: '';
		width: 44px;
		height: 44px;
		background-image: url(../img/pc/icon_newEffect.gif);
		background-repeat: no-repeat;
		background-size: 44px;
		position: absolute;
		z-index: 2;
	}
	
	#contents #discList li p {
		line-height:16px;
		line-height:1.6rem;
		margin-top:6px;
	}
	
	#contents #discList .longitudinal li {
		width:148px;
		margin-right:24px;
	}
	#contents #discList .longitudinal li:nth-of-type(6n) { margin-right:0px; }
	#contents #discList .longitudinal li:nth-of-type(6n+1) { clear: both; }

	#contents #discList .longitudinal li.addDisc a:before { top: 195px; left: -6px; }
	#contents #discList .longitudinal li.addDisc a:after { top: 198px; left: 0px; }
	
	#contents #discList .sideways li {
		width:240px;
		margin-right:16px;
	}
	#contents #discList .sideways li:nth-of-type(4n) { margin-right:0px; }
	#contents #discList .sideways li:nth-of-type(4n+1) { clear: both; }
	
	#contents #discList .sideways li.addDisc a:before { top: 103px; left: -6px; }
	#contents #discList .sideways li.addDisc a:after { top: 106px; left: 0px; }
	
	img.mfp-imgH {
		width:308px;
		height:500px;
	}
	
	img.mfp-imgW {
		width:500px;
		height:308px;
	}
	
	#contents #discList #membersText {
		text-align:center;
		line-height:26px;
		line-height:2.6rem;
		margin-top:57px;
		clear:both;
	}
	
	#contents #discList #membersLink {
		width:712px;
		height:62px;
		background-image:url(../img/pc/btn_members.gif) , url(../../common/img/pc/allowR.png); background-size:231px , 12px;
		background-position:center center , 684px center;
		background-repeat:no-repeat , no-repeat;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:46px auto 0px;
		float:none;
	}
}

@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2) , only screen and (min-width:768px) and (min--moz-device-pixel-ratio:2) , only screen and (min-width:768px) and (-o-min-device-pixel-ratio:2/1) , only screen and (min-width:768px) and (min-device-pixel-ratio:2) {
	#contents #discList li.addDisc a:after {
		background-image: url(../img/pc/icon_newEffect@2x.gif);
	}
}

/* スマホ */
@media(max-width:767px) {
	#contents { width:100%; padding: 24px 0px 0px;}
	
	#contents header:nth-of-type(1) {
		padding:0px 8px;
	}
	
	#contents header #subMenu {
		margin-bottom:36px;
	}
	
	#contents header:nth-of-type(1) #subMenu_trigger {
		background:url(../img/sp/btn_subMenu.gif) no-repeat center center #130406;
		background-size:102px;
	}
	
	#contents #footerNav3 {
		padding:0px 8px;
	}
	
	#contents h3.readText {
		background:url(../img/readTextBack.gif) repeat;
		background-size:6px;
		color:#0f295d;
		font-size:14px;
		font-size:1.4rem;
		line-height:20px;
		line-height:2rem;
		font-weight:bold;
		text-align:center;
		text-shadow:0 2px 0 #ffffff , 2px 0 0 #ffffff , 0 -2px 0 #ffffff , -2px 0 0 #ffffff , -2px -2px 0 #ffffff , 2px -2px 0 #ffffff , -2px 2px 0 #ffffff , 2px 2px 0 #ffffff;
		margin-bottom:24px;
		margin-bottom:32px;
		padding:13px 8px;
	}
	#contents h3.readText:nth-of-type(1) { margin-top:0px; }
	
	/* sectionBOX
	---------------------------*/
	#contents .sectionBOX {
		border-bottom:#eeeeee solid 2px;
		padding-bottom:6px;
		margin-bottom:32px;
	}
	
	#contents .sectionBOX h4 {
		border-left:#f8b200 solid 4px;
		color:#e69800;
		font-size:16px;
		font-size:1.6rem;
		font-weight:bold;
		margin:0px 8px 12px;
		padding:0px 0px 0px 6px;
	}

	#contents .sectionBOX p {
		line-height:22px;
		line-height:2.2rerm;
		margin:4px 0px 22px;
		padding:0px 8px;
	}
	
	#contents .sectionBOX img {
		width:100%;
		margin:16px 0px 16px 0px;
	}
	
	#contents .sectionBOX h5 {
		font-size:15px;
		font-size:1.5rem;
		font-weight:bold;
		padding:0px 8px;
	}
	
	/* coursesBOX
	---------------------------*/
	#contents .coursesBOX {
		border:none;
		margin-bottom:0px;
	}
	
	#contents .coursesBOX .flexBOX div { text-align:center; }
	#contents .coursesBOX .flexBOX div img { margin:8px 0px 3px 0px; }
	#contents .coursesBOX .flexBOX div h5 { margin-top:8px; }
	
	#contents .coursesBOX a {
		width:95%;
		height:36px;
		background-color:#ffffff;	
		background-image:url(../img/sp/btn_flyer.gif) , url(../../common/img/sp/allowR.png); background-size:115px , 18px;
		background-position:center center , right center;
		background-repeat:no-repeat , no-repeat;
		border-color:#2d4473;
		border-style:solid;
		border-width:2px;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:0px auto 32px;
		margin:0px auto 40px;
	}
	
	/* courses2BOX
	---------------------------*/
	#contents .courses2BOX {
		border:none;
		margin-bottom:0px;
	}
	
	#contents .courses2BOX #linkText li {
		line-height: 22px;
    line-height: 2.2rerm;
		margin-top: -22px;
		padding: 0px 8px;
	}
	
	#contents .courses2BOX .flexBOX div { text-align:center; }
	#contents .courses2BOX .flexBOX div img { margin:8px 0px 3px 0px; }
	#contents .courses2BOX .flexBOX div h5 { margin-top:8px; }
	
	#contents .courses2BOX a.borderOutB {
		width:95%;
		height:36px;
		background-color:#ffffff;	
		background-image:url(../img/sp/btn_flyer.gif) , url(../../common/img/sp/allowR.png); background-size:115px , 18px;
		background-position:center center , right center;
		background-repeat:no-repeat , no-repeat;
		border-color:#2d4473;
		border-style:solid;
		border-width:2px;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:0px auto 32px;
		margin:0px auto 40px;
	}
	
	#contents .courses2BOX div ~ p:last-of-type {
		text-align: center;
		margin: -32px 0px 32px;
	}
	
	/*
	#contents .textLBOX,
	#contents .textRBOX {
		margin-bottom:60px;
		padding:0px 8px;
	}
	#contents section:last-child { margin-bottom:0px; }
	
	#contents .textLBOX h4,
	#contents .textRBOX h4 {
		border-left:#00acec solid 4px;
		color:#0095cd;
		font-size:16px;
		font-size:1.6rem;
		font-weight:bold;
		margin-bottom:12px;
		padding:0px 0px 0px 6px;
	}
	
	#contents .textLBOX h5,
	#contents .textRBOX h5 {
		font-size:15px;
		font-size:1.5rem;
		font-weight:bold;
		margin-top:28px;
	}
	
	#contents .textLBOX img,
	#contents .textRBOX img { width:100%; }
	
	#contents .textLBOX p,
	#contents .textRBOX p {
		line-height:22px;
		line-height:2.2rerm;
		margin:4px 0px 22px;
	}
	#contents .textLBOX p:last-child,
	#contents .textRBOX p:last-child { margin-bottom:0px; }
	
	#contents .textLBOX .annotation,
	#contents .textRBOX .annotation {
		margin-top:-20px;
		margin-bottom:22px;
	}
	#contents .textLBOX .annotation:last-child,
	#contents .textRBOX .annotation:last-child { margin-bottom:0px; }
	
	#contents .textLBOX .annotation li,
	#contents .textRBOX .annotation li {
		line-height:22px;
		line-height:2.2rerm;
		margin-bottom:7px;
	}
	
	#contents .textLBOX .listText,
	#contents .textRBOX .listText {
		margin-top:-20px;
		margin-bottom:22px;
	}
	
	#contents .textLBOX .listText li,
	#contents .textRBOX .listText li {
		line-height:22px;
		line-height:2.2rerm;
		margin-bottom:7px;
	}
	
	#contents .textLBOX p:last-child,
	#contents .textRBOX p:last-child,
	#contents .textLBOX ul:last-child,
	#contents .textRBOX ul:last-child,
	#contents .textLBOX li:last-child
	#contents .textRBOX li:last-child { margin-bottom:0px; }
	
	#contents .textLBOX a,
	#contents .textRBOX a {
		height:36px;
		border-color:#00acec;
		border-style:solid;
		border-width:2px;
		border-radius:20px;
		background-color:#ffffff;
		background-repeat:no-repeat , no-repeat;
		background-position:center center , right center;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:-16px 0px 0px 0px;
	}
	*/
	
	/* trainerBOX
	---------------------------*/
	#contents .trainerBOX .clearfix img,
	#contents .trainerBOX2 .clearfix img {
		width:100%;
		margin:12px 0px 0px 0px;
	}
	
	#contents .trainerBOX > a,
	#contents .trainerBOX2 > a {
		width:95%;
		height:36px;
		background-color:#ffffff;	
		background-image:url(../img/sp/btn_trainer.gif) , url(../../common/img/sp/allowR.png); background-size:231px , 18px;
		background-position:center center , right center;
		background-repeat:no-repeat , no-repeat;
		border-color:#2d4473;
		border-style:solid;
		border-width:2px;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:0px auto 32px;
		margin:28px auto 40px;
	}
	
	/* serviceBOX
	---------------------------*/
	#contents .serviceBOX a {
		width:95%;
		height:36px;
		background-color:#ffffff;	
		background-image:url(../img/sp/btn_members.gif) , url(../../common/img/sp/allowR.png); background-size:165px , 18px;
		background-position:center center , right center;
		background-repeat:no-repeat , no-repeat;
		border-color:#2d4473;
		border-style:solid;
		border-width:2px;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:0px auto 32px;
		margin:0px auto 40px;
	}
	
	/* discList
	---------------------------*/
  #contents h3.readText span {
    font-size: 1.4rem;
    font-weight: normal;
  }
  
	#contents #discList {
	}
	
	#contents #discList h4 {
		font-size:15px;
		font-size:1.5rem;
		font-weight:bold;
		margin-top:48px;
		margin-bottom:12px;
		padding:0px 8px;
	}
	
	#contents #discList ul {
		margin-bottom:-20px;
		padding:0px 2.4%;
	}
	
	#contents #discList li {
		text-align:center;
		display:block;
		float:left;
		margin-bottom:18px;
	}
	
	#contents #discList li a {
		display: inline-block;
		position: relative;
	}
	
	#contents #discList img { width:100%; }
	
	#contents #discList li.addDisc a:before {
		content: '';
		background: url(../img/sp/icon_newEffect.gif) no-repeat;
		background-size :cover;
		position: absolute;
		z-index: 1;
	}
	
	#contents #discList li p {
		line-height:16px;
		line-height:1.6rem;
		margin-top:4px;
	}
	#contents #discList li span {
		font-size:12px;
		font-size:1.2rem;
	}
	
	#contents #discList .longitudinal li {
		width:23%;
		margin-right:2.6%;
	}
	#contents #discList .longitudinal li:nth-of-type(4n) { margin-right:0px; }	
	#contents #discList .longitudinal li:nth-of-type(4n+1) { clear: both; }
		
	#contents #discList .longitudinal li.addDisc a:before {
		width: 40%;
		top: 80.7%;
		left: -5%;
		padding-top: 41.42%;
	}
	
	#contents #discList .sideways li {
		width:37.5%;
		margin:0px 6.25%;
	}
	#contents #discList .sideways li:nth-of-type(2n) { margin-right:0px; }
	#contents #discList .sideways li:nth-of-type(2n+1) { clear: both; }
		
	#contents #discList .sideways li.addDisc a:before {
		width: 24.56%;
		top: 68.57%;
		left: -3.07%;
		padding-top: 25.43%;
	}
	
	.mfp-figure figure {
		width:70%;
		margin:0px auto;
	}
	
	#contents #discList #membersText {
		line-height:22px;
		line-height:2.2rem;
		margin:53px 0px 22px;
		padding:0px 8px;
		clear:both;
	}
	
	#contents #discList #membersLink {
		width:95%;
		height:36px;
		background-color:#ffffff;	
		background-image:url(../img/sp/btn_members.gif) , url(../../common/img/sp/allowR.png); background-size:165px , 18px;
		background-position:center center , right center;
		background-repeat:no-repeat , no-repeat;
		border-color:#2d4473;
		border-style:solid;
		border-width:2px;
		border-radius:32px;
		display:block;
		text-indent:-9999px;
		outline:none;
		margin:0px auto 32px;
		margin:0px auto 40px;
	}
	
	#contents #footerNav3 {
		margin-top:72px;
	}
	
	#footer {
		margin-top:88px; /* フッターカテゴリー表示で削除 */
	}
}


/*アニメーション
------------------------------------------------------------------------------------*/
/* スクロールフェードイン */
.scrollin {
	visibility: visible !important;
	-webkit-animation: scrollin 1s;
	animation: scrollin 1s;
}
@-webkit-keyframes scrollin {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes scrollin {
	0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/* スクロールフェードイン */
.scrollin2 {
	visibility: visible !important;
	-webkit-animation: scrollin2 1s;
	animation: scrollin2 1s;
}
@-webkit-keyframes scrollin2 {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes scrollin2 {
	0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/* スクロールスライドフェードイン L */
.scrollSlideinL {
	visibility: visible !important;
	-webkit-animation: scrollSlideinL 0.5s;
	animation: scrollSlideinL 0.5s;
}
@-webkit-keyframes scrollSlideinL {
	0% { opacity: 0; -webkit-transform: translateX(-500px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes scrollSlideinL {
	0% { opacity: 0; -webkit-transform: translateX(-500px); -ms-transform: translateX(-500px); transform: translateX(-500px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/* スクロールスライドフェードイン R */
.scrollSlideinR {
	visibility: visible !important;
	-webkit-animation: scrollSlideinR 0.5s;
	animation: scrollSlideinR 0.5s;
}
@-webkit-keyframes scrollSlideinR {
	0% { opacity: 0; -webkit-transform: translateX(500px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes scrollSlideinR {
	0% { opacity: 0; -webkit-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px); }
	100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

/* スクロールフェードイン ディスク用 */
.scrollDiscEffect {
	visibility: visible !important;
	-webkit-animation: scrollDiscEffect 0.4s;
	animation: scrollDiscEffect 0.4s;
}	
@-webkit-keyframes scrollDiscEffect {
	0% { opacity: 0; -webkit-transform: scale(0,0); }
	70% { opacity: 0.9; -webkit-transform: scale(1.2,1.2); }
	100% { opacity: 1; -webkit-transform: scale(1,1); }
}
@keyframes scrollDiscEffect {
	0% { opacity: 0; -webkit-transform: scale(0,0); -ms-transform: tscale(0,0); transform: scale(0,0); }
	70% { opacity: 0.9; -webkit-transform: scale(1.2,1.2); -ms-transform: tscale(1.2,1.2); transform: scale(1.2,1.2); }
	100% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: tscale(1,1); transform: scale(1,1); }
}

/* スクロールフェードイン キャラCG用 */
.scrollCGeffect {
	-webkit-animation: scrollCGeffect 0.3s;
	animation: scrollCGeffect 0.3s;
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
}

@-webkit-keyframes scrollCGeffect {
	0% { opacity: 1; -webkit-transform: scale(1,1); }
	33% { opacity: 0.9; -webkit-transform: scale(1.2,1.2); }
	100% { opacity: 1; -webkit-transform: scale(1,1); }
}
@keyframes scrollCGeffect {
	0% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: tscale(1,1); transform: scale(1,1); }
	33% { opacity: 0.9; -webkit-transform: scale(1.2,1.2); -ms-transform: tscale(1.2,1.2); transform: scale(1.2,1.2); }
	100% { opacity: 1; -webkit-transform: scale(1,1); -ms-transform: tscale(1,1); transform: scale(1,1); }
}

/* クルクル */
.scrollrotation {
	visibility: visible !important;
	-webkit-animation: rotation 1s;
	animation: rotation 1s;
}
@-webkit-keyframes rotation {
	0% { opacity: 0; -webkit-transform: translateY(60px) rotateY(0deg); }
	100% { opacity: 1; -webkit-transform: translateY(0) rotateY(360deg); }
}

@keyframes rotation {
	0% { opacity: 0; -webkit-transform: translateY(60px) rotateY(0deg); -ms-transform: translateY(60px) rotateY(0deg); transform: translateY(60px) rotateY(0deg); }
	100% { opacity: 1; -webkit-transform: translateY(0) rotateY(360deg); -ms-transform: translateY(0) rotateY(360deg); transform: translateY(0) rotateY(360deg); }
}