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

#groupSystem {}

#groupSystem .btm {
padding:25px 0;
}
#groupSystem .btm a {
display:block;
text-align:center;
padding:11px 0;
background:#ccc;
color:#fff;
text-decoration:none;
border-radius: 15px;        /* CSS3草案 */
-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
-moz-border-radius: 15px;   /* Firefox用 */
transition-property: background-color;
transition-duration:0.35s;
transition-timing-function:ease-in-out;
transition-delay:0s;
}
#groupSystem .btm a:hover {
background:#7ae4da;
color:#fff;
}

#groupSystem .impact01{
	font-size:1.63em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:#FF7869;
	margin-bottom:35px;
	height:45px;
	line-height:45px;
	border-radius: 45px;        /* CSS3草案 */  
	-webkit-border-radius: 45px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 45px;   /* Firefox用 */
}
#groupSystem .impact02{
font-size:1.2em;
color:#FFBB24;
font-weight:bold;
}
#groupSystem .impact03{
color:#FFBB24;
font-size:0.91em;
}

#groupSystem .frameList {
	width:1062px;
	margin-left:-19px;
}

#groupSystem .subIntroList {
	padding:10px 25px;
	border:solid 1px #74c8b9;
	background:#fff;
	font-size:0.88em;
}
#groupSystem .subIntroList li {
	padding:8px 0 8px 40px;
	font-size:1.2em;
	color:#555555;
	background:url(css_img/iconSystemSub.png) no-repeat 5px 8px;
}

#groupSystem .subIntroList li span{
	position: relative;
	left:auto;
	top:auto;
}

#groupSystem .tabScrollPage {
	margin-bottom:60px;
	background:#ebebeb;
}
#groupSystem .tabScrollPage li {
	float:left;
	margin-right:1px;
	margin-bottom:1px;
}
#groupSystem .tabScrollPage li a {
	display:block;
	color:#fff;
	background:#b3b3b3 url(css_img/tagSystempageNav.png) no-repeat right center;
	padding:10px 65px 10px 35px;
	cursor:pointer;
	text-decoration:none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#groupSystem .tabScrollPage li a:hover {
	background:#7c7c7c;
}

#groupSystem .boxPrice {
	float:left;
	width:50%;
	margin-bottom:55px;
}
#groupSystem .boxPriceType02 {
	margin-bottom:55px;
}
#groupSystem .boxPrice .frameMarg,
#groupSystem .boxPriceType02 .frameMarg {
	padding:20px 45px 0px;
	margin:0 19px;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */
}
#groupSystem .boxPrice .frameMarg {
	border:solid 1px #bfc384;
	background:#fdffd7;
}
#groupSystem .boxPriceType02 .frameMarg {
	border:solid 1px #a8ece0;
	background:#e2fff6;
}

#groupSystem .boxPrice .boxParts,
#groupSystem .boxPriceType02 .boxParts {
	margin-bottom:25px;
}
#groupSystem .boxPrice h4 {
	font-size:0.98em;
	font-weight:bold;
	margin-bottom:10px;
	color:#333;
	color:#a8a76d;
}
#groupSystem .boxPrice dl,
#groupSystem .boxPriceType02 dl {
	padding:12px 35px;
	font-size:1.02em;
}
#groupSystem .boxPrice dl {
	border-bottom:solid 1px #dfe391;
	color:#85884e;
}
#groupSystem .boxPriceType02 dl {
	border-bottom:solid 1px #b2e4d4;
	color:#3d7866;
}
#groupSystem .boxPrice dt {
	width:180px;
	float:left;
}
#groupSystem .boxPrice dd {
	margin-left:240px;
	text-align:right;
}
#groupSystem .boxPrice .frameMarg.p02 dd {
	margin-left:120px;
}

#groupSystem .boxPrice dd.subTxt,
#groupSystem .boxPriceType02 dd.subTxt {
	margin-left:0;
	text-align:left;
	clear:both;
	padding:3px 8px;
	margin-top:5px;
}
#groupSystem .boxPrice dd.subTxt {
	background:#fc0;
	color:#fff;
}
#groupSystem .boxPrice h5 {
	margin-bottom:5px;
	color:#fff;
	padding:5px 25px;
	background:#c69495;
	text-align:center;
}


#groupSystem .boxPriceType02 dt,
#groupSystem .boxPriceType02 dd {
	margin-bottom:10px;
}
#groupSystem .boxPriceType02 dt {
	width:250px;
	float:left;
	font-size:1.5em;
	font-family: "Times New Roman", Times, serif;
}
#groupSystem .boxPriceType02 dd {
	margin-left:270px;
	font-size:1.2em;
	font-family: "Times New Roman", Times, serif;
	text-align:right;
}
#groupSystem .boxPriceType02 dd.subTxt {
	font-size:1em;
	background:#9cbaff;
	color:#fff;
}


/*入会金*/
#beginPrice {
	margin-bottom:55px;
}
#beginPrice .frame {
	background:#bcfff5;
	padding:28px 70px;
	border-radius: 20px;        /* CSS3草案 */  
	-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px;   /* Firefox用 */
}
#groupSystem #beginPrice .boxPrice {
	padding:0;
	border:none;
	background:none;
	width:250px;
	font-size:1.77em;
	color:#39a393;
	float:left;
	margin:0;
}
#groupSystem #beginPrice .boxPrice dt {
	width:102px;
	height:102px;
	padding:10px;
	font-size:0.79em;
	font-weight:bold;
	text-align:center;
	background:#58BBCE;
	color:#fff;
	border-radius: 122px;        /* CSS3草案 */  
    	-webkit-border-radius: 122px;    /* Safari,Google Chrome用 */  
   	-moz-border-radius: 122px;   /* Firefox用 */ 
	overflow:hidden;
}
#groupSystem #beginPrice .boxPrice dt span {
font-size:0.8em;
}
#groupSystem #beginPrice .boxPrice dd {
	margin:0;
	width:120px;
	float:right;
	text-align:right;
}
#groupSystem #beginPrice .boxMessage {
	margin-left:290px;
}
#groupSystem #beginPrice .boxMessage .fontImpact01 {
	margin-bottom:5px;
	font-size:1.3em;
	color:#31bda8;
}
#groupSystem #beginPrice .boxMessage .fontImpact02 {
	margin-bottom:5px;
	padding:5px 10px;
	font-size:1.28em;
	font-weight:bold;
	color:#fff;
	background:#FFBB24;
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */  
}

#groupSystem #beginPrice .boxMessage p {
	font-size:1.13em;
	font-weight:bold;
	padding:0;
}
#groupSystem #beginPrice .boxMessage p .price {
	font-size:1.15em;
	text-decoration:underline;
	color:#f90;
}

/*体験*/
#taikenPart {
	margin-bottom:45px;
}

/*チケット*/
#ticketPart {
	padding-bottom:45px;
}

/*月謝*/
#geshaPart {
	padding-bottom:45px;
}

/*予約ページリンク*/
#yoyakuPart {
	text-align:center;
	padding:55px 0;
}
#yoyakuPart a:hover img {
	opacity:0.8;
}

/*『ヨガレッスン』アーカイブページ*/
#listLessonPage {}
#listLessonPage .itemLessonPage {
	margin-bottom:110px;
}
#listLessonPage .itemLessonPage .boxIcon {
	width:295px;
	float:left;
	text-align:center;
}
#listLessonPage .itemLessonPage .boxRightText{
	margin-left:320px;
}
#listLessonPage .itemLessonPage h3{
	color:#858585;
	font-size:1.62em;
	padding-left:19px;
	border-bottom:solid 1px #8cdaec;
	margin-bottom:35px;
}
#listLessonPage .itemLessonPage .boxIntro {
	margin-bottom:35px;
	color:#868686;
	font-size:1.1em;
}

#listLessonPage .itemLessonPage .btm a{
	display:block;
	background:url(css_img/bgBtmLinkpage.png) no-repeat left top;
	width:661px;
	height:47px;
	padding:22px 0 0 40px;
	color:#fff;
	font-size:1.4em;
	text-decoration:none;
}


/*レッスン内容の紹介*/
#groupLessonIntro {}

#groupLessonIntro .listNaviBtm {
	margin-bottom:100px;
}
#groupLessonIntro .listNaviBtm li,
#groupLessonIntro .listNaviBtm li.item {
	width:93px;
	float:left;
}
#groupLessonIntro .listNaviBtm li.item{
	line-height:0;
}
#groupLessonIntro .listNaviBtm li a {
	display:block;
	padding:93px 0 0 0;
	height:0;
	text-decoration:none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#groupLessonIntro .listNaviBtm li.item a {
	padding:0;
	height:auto;
}
#groupLessonIntro .listNaviBtm li.item a:hover img {
	opacity:0.7;
	background:#fff;
}

#groupLessonIntro .listNaviBtm li#itmBoxLesson_0 a,
#groupLessonIntro .listNaviBtm li#itmBoxLesson_2 a,
#groupLessonIntro .listNaviBtm li#itmBoxLesson_5 a,
#groupLessonIntro .listNaviBtm li#itmBoxLesson_7 a,
#groupLessonIntro .listNaviBtm li#itmBoxLesson_8 a,
#groupLessonIntro .listNaviBtm li#itmBoxLesson_10 a {
	background-color:#9ce3e8;
}
#groupLessonIntro .listNaviBtm li a:hover {
	background-color:#b9fae1 !important;
}

/*テキスト表示形式のボタン*/
#groupLessonIntro .listNaviBtm.btmTxt {
	margin-bottom:100px;
	display:none;
	position:fixed;
	background:#58BBCEFF;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:30;
	overflow-y:scroll;
}
#groupLessonIntro .listNaviBtm.btmTxt.show {
	display:block;
}
#groupLessonIntro .listNaviBtm.btmTxt ul {
	padding:65px 55px 25px 55px;
	width:1024px;
	margin:0 auto;
	box-sizing:border-box;
}

#groupLessonIntro .listNaviBtm.btmTxt li.item{
	line-height:1.2em;
	width:auto;
	/*width:9%;*/
	float:none;
	box-sizing:border-box;
	padding:0.65em 0;
}
#groupLessonIntro .listNaviBtm.btmTxt li a {
	padding:1.2em 1.3em;
	font-size:1.15em;
	display:block;
	width:auto;
	height:auto;
	text-align:center;
	color:#fff;
	border:solid 1px #fff;
	background:#37A2B7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing:border-box;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
}
#groupLessonIntro .listNaviBtm.btmTxt li a:hover {
	background:#FFC648;
	opacity:1;
}
#groupLessonIntro .listNaviBtm.btmTxt li.btmClose{
	position:fixed;
	right:5px;
	top:5px;
	width:50px;
	height:50px;
}
#groupLessonIntro .listNaviBtm.btmTxt li.btmClose a{
	width:100%;
	height:0;
	overflow:hidden;
	padding:100% 0 0 0;
	background:#37A2B7;
	border-radius: 50%;        /* CSS3草案 */  
	-webkit-border-radius: 50%;    /* Safari,Google Chrome用 */
	-moz-border-radius: 50%;   /* Firefox用 */
	position:relative;
}
#groupLessonIntro .listNaviBtm.btmTxt li.btmClose a::before,
#groupLessonIntro .listNaviBtm.btmTxt li.btmClose a:after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	background:#fff;
	height:3px;
	width:20px;
	margin:-1px 0 0 -10px;
}
#groupLessonIntro .listNaviBtm.btmTxt li.btmClose a::before{
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
}
#groupLessonIntro .listNaviBtm.btmTxt li.btmClose a:after{
	-moz-transform:    rotate( -45deg );  /* Firefox用 */
	-webkit-transform: rotate( -45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -45deg );  /* IE9用 */
	transform:         rotate( -45deg );  /* CSS3の書き方 */
}

#btmViewMenuLesson{
	margin-bottom:35px;
}
#btmViewMenuLesson a{
	position:relative;
	display:block;
	border:solid 1px #ccc;
	color:#fff;
	text-decoration:none;
	padding:0.8em 1.5em 0.8em 50px;
	background:#ccc;
	font-size:1.1em;
	font-weight:bold;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	transition-property:background-color,color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#btmViewMenuLesson a:hover{
	color:#37A2B7;
	background:#fff;
}
#btmViewMenuLesson a::before{
	display:block;
	content:"";
	width:30px;
	height:30px;
	background:#fff;
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-15px;
	border-radius: 30px;        /* CSS3草案 */  
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 30px;   /* Firefox用 */
	transition-property:background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#btmViewMenuLesson a:hover::before{
	background:#37A2B7;
}
#btmViewMenuLesson a:after{
	display:block;
	content:"";
	width:14px;
	height:14px;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
	border-top:solid 3px #fff;
	border-right:solid 3px #fff;
	-moz-transform:    rotate( 45deg );  /* Firefox用 */
	-webkit-transform: rotate( 45deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 45deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 45deg );  /* IE9用 */
	transform:         rotate( 45deg );  /* CSS3の書き方 */
	transition-property:border-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#btmViewMenuLesson a:hover:after{
	border-color:#37A2B7;
}

/*各ヨガ種別ボタン*/
#groupLessonIntro .listNaviBtm li#btmScr_EarallSt a {
	background:url(css_img/btmScrYogaType_EarallSt.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Earall a {
	background:url(css_img/btmScrYogaType_Earall.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Earrinp a {
	background:url(css_img/btmScrYogaType_Earrinp.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Eartaikan a {
	background:url(css_img/btmScrYogaType_Eartaikan.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_bornTo a {
	background:url(css_img/btmScrYogaType_bornTo.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_InEnglish a {
	background:url(css_img/btmScrYogaType_InEnglish.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Taikan a {
	background:url(css_img/btmScrYogaType_Taikan.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Chou a {
	background:url(css_img/btmScrYogaType_Chou.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_StreYoga a {
	background:url(css_img/btmScrYogaType_StreYoga.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Vinyasa a {
	background:url(css_img/btmScrYogaType_Vinyasa.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_RelaxAro a {
	background:url(css_img/btmScrYogaType_RelaxAro.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_RelaxCandle a {
	background:url(css_img/btmScrYogaType_RelaxCandle.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Ashtanga a {
	background:url(css_img/btmScrYogaType_Ashtanga.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_HatayogaArim a {
	background:url(css_img/btmScrYogaType_HatayogaArim.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_InnerBeautyYoga a {
	background:url(css_img/btmScrYogaType_innerBetyYoga.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Jiritsu a {
	background:url(css_img/btmScrYogaType_Jiritsu.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Aasayoga a {
	background:url(css_img/btmScrYogaType_Asayoga.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Kotsuban a {
	background:url(css_img/btmScrYogaType_Kotsuban.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_Tsukiyo a {
	background:url(css_img/btmScrYogaType_Tsukiyo.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_HatayogaBasicF a {
	background:url(css_img/btmScrYogaType_HatayogaBasic.png) no-repeat left top;
	background-size:100%;
}
#groupLessonIntro .listNaviBtm li#btmScr_ActiveFlow a {
	background:url(css_img/btmScrYogaType_ActiveFlow.png) no-repeat left top;
	background-size:100%;
}


#groupLessonIntro .itemLesson {
	margin-bottom:55px;
}
#groupLessonIntro .itemLesson h3 {
	min-height:76px;
	background:url(css_img/bgTtlLesson.png) no-repeat left bottom;
	border:none;
	font-size:1.8em;
}
#groupLessonIntro .itemLesson .photo {
	line-height:0;
	float:left;
	margin-left:20px;
	width:316px;
	text-align:center;
	background:#efefef;
}
#groupLessonIntro .itemLesson .photo img {
	border:solid 1px #b5f1cc;
}
#groupLessonIntro .itemLesson p ,
#groupLessonIntro .itemLesson .txt {
	margin-left:370px;
	font-size:1.08em;
	color:#5f6866;
}
#groupLessonIntro .itemLesson .txt p {
	padding:0;
	margin:0;
	margin-bottom: 1.6em;
}
#groupLessonIntro .itemLesson .txt p:last-child {
	margin-bottom: 0;
}


/*「企業様向けヨガ詳細」ページ設定*/
#areaLessonOffice {
	margin-bottom:55px;
}
#areaLessonOffice .intro{
	margin-bottom:15px;
}
#areaLessonOffice h4{
	color:#666;
}

#areaLessonOffice .boxList,
#areaLessonGroup .boxList {
	float:none;
	width:auto;
	font-size:0.87em;
	margin-bottom:25px;
}

#areaLessonOffice .listAtt,
#areaLessonGroup .listAtt {
	padding:1.13em 0;
}
#areaLessonOffice .listAtt li,
#areaLessonGroup .listAtt li {
	padding:0.3em 0 0.3em 1.2em;
	position:relative;
	color:#FFC648;
}
#areaLessonOffice .listAtt li span,
#areaLessonGroup .listAtt li span {
	left:0;
	top:0.3em;
	position:absolute;
}

#areaLessonOffice .boxList .menu {}
#areaLessonOffice .boxList .menu li,
#areaLessonOffice .boxList dt,
#areaLessonOffice .boxList dd{
	float:left;
	box-sizing:border-box;
	padding:0.55em 1.1em;
	border-bottom:1px;
}

#areaLessonOffice .boxList .menu li{
	text-align:center;
	background:#ccc;
	color:#fff;
}


#areaLessonOffice .boxList dl {
	/*border-bottom:solid 1px #ccc;*/
	background:#fff;
}
#areaLessonOffice .boxList dl:nth-child(odd) {
	background:#eee;
}

#areaLessonOffice .boxList .menu li.boxPrice,
#areaLessonOffice .boxList dt {
	width:30%;
}
#areaLessonOffice .boxList .menu li.boxMinu,
#areaLessonOffice .boxList dd {
	width:35%;
}
#areaLessonOffice .boxList dt,
#areaLessonOffice .boxList dd {
	text-align:center;
	font-weight:bold;
	font-size:1.04em;
	word-wrap: break-word;
	word-break: break-all;
}


#areaLessonGroup {}

#areaLessonGroup .boxList dl{
	border-bottom:solid 1px #ccc;
	padding:0.8em 0.2em;
	margin-bottom:15px;
}

#areaLessonGroup .boxList dt {
	margin-bottom:5px;
	font-weight:bold;
}
#areaLessonGroup .boxList dd {
	text-align:right;
	font-weight:bold;
	font-size:1.28em;
}
#areaLessonOffice .boxList p,
#areaLessonGroup .boxList p{
	text-align:center;
	color:#58BBCE;
}

/*レッスン内容ページ*/

#navLinkEarCate {}

#navLinkEarCate ul {
	margin-bottom:35px;
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}

#navLinkEarCate ul li {
	width:50%;
	/*float:left;*/
	text-align:center;
	box-sizing:border-box;
	padding:0 20px;
}
#navLinkEarCate ul li .frame{
	background:#ccc;
	position:relative;
	overflow:hidden;
}
#navLinkEarCate ul li .frame{
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left bottom;
}
#navLinkEarCate ul li.linkYogFr .frame{
	background-image:url(css_img/btmFlor_cate2023063001.jpg);
}
#navLinkEarCate ul li.linkYogEr .frame{
	background-image:url(css_img/btmErli_cate2023063001.jpg);
}
#navLinkEarCate ul li.linkYogKids .frame{
	background-image:url(css_img/btmKids_cate2023063001.jpg);
}
#navLinkEarCate ul li.linkMatanity .frame{
	background-image:url(css_img/btmMatanity_cate2023063001.jpg);
}

#navLinkEarCate ul li .frame::before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:100%;
	display:block;
	background:#58BBCE99;
	transition-property:top;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
#navLinkEarCate ul li .frame:hover::before{
	top:0;
}
#navLinkEarCate ul li a{
	display:block;
	padding:0 20px;
	height:160px;
	line-height:160px;
	color:#fff;
	font-size:1.67em;
	font-weight:bold;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	transition-property:color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#navLinkEarCate ul li a:hover{
	color:#FFDD90;
}

/**************************************************************************************
**************************************************************************************
画面サイズが1024pxより小さい場合
**************************************************************************************
**************************************************************************************/


@media screen and (max-width: 1024px){
	
	#groupSystem .frameList {
		width:auto;
		margin-left:0;
	}
	
	#groupSystem .boxPrice dl,
	#groupSystem .boxPriceType02 dl {
		padding:12px 15px;
	}
	#groupSystem .boxPrice dt {
		width:80px;
		float:left;
	}
	#groupSystem .boxPrice dd {
		margin-left:100px;
	}
	
	#groupSystem #beginPrice .boxPrice {
		width:170px;
		font-size:2.32em;
	}
	#groupSystem #beginPrice .boxPrice dt {
		/*width:142px;*/
		width:auto;
		height:auto;
		font-size:0.81em;
		margin-bottom:5px;
		float:none;
	}
	#groupSystem #beginPrice .boxPrice dd {
		/*width:140px;
		float:right;*/
		width:auto;
		float:none;
		text-align:center;
	}
	
	#groupSystem #beginPrice .boxMessage {
		margin-left:190px;
	}
	#groupSystem #beginPrice .boxMessage .fontImpact01 {
		font-size:1.65em;
	}
	
	
	#listLessonPage .itemLessonPage .btm a{
		background:#82c7d8 url(css_img/bgBtmLinkpageResize.png) no-repeat right center;
		width:auto;
		height:auto;
		font-size:1.23em;
		padding:12px 30px 12px 20px;
		border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	}
	
	#groupLessonIntro .listNaviBtm.btmTxt li.item{
		/*width:20%;*/
	}
	
	#groupLessonIntro .listNaviBtm.btmTxt ul {
		padding:65px 55px 25px 55px;
		width:auto;
	}
	
	#navLinkEarCate ul {
		display:block;
	}
	#contents .framePage li {
		/*width:100%;*/
	}
}

/**************************************************************************************
**************************************************************************************
画面サイズが790pxより小さい場合
**************************************************************************************
**************************************************************************************/

@media screen and (max-width: 790px){
	
	
	#groupSystem .tabScrollPage li {
		width:33%;
		margin-right:0;
		margin-bottom:1px;
	}
	#groupSystem .tabScrollPage li a {
		border-right:solid 1px #ebebeb;
	}
	#groupSystem .boxPrice dt {
		width:auto;
		margin-bottom:10px;
		float:none;
	}
	#groupSystem .boxPrice dd {
		margin-left:0;
	}
	
	
	#groupLessonIntro .listNaviBtm.btmTxt ul {
		padding:65px 25px 25px 25px;
	}
	
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより小さい場合
**************************************************************************************
**************************************************************************************/

@media screen and (max-width: 640px){
	
	
	
	
	#groupSystem .tabScrollPage li {
		width:50%;
	}
	
	
	
	#beginPrice .frame {
	padding:21px 30px;
	}
	
	
	#groupSystem .boxPrice {
		float:none;
		width:auto;
		margin-bottom:35px;
	}
	
	#groupSystem .boxPrice .frameMarg,
	#groupSystem .boxPriceType02 .frameMarg {
		padding:20px 15px 0px;
		margin:0px;
	}
	
	#groupSystem .boxPrice dt {
		width:180px;
		margin-bottom:0;
		float:left;
	}
	#groupSystem .boxPrice dd,
	#groupSystem .boxPriceType02 dd {
		margin-left:190px;
	}
	
	
	#listLessonPage .itemLessonPage .boxIcon {
		width:135px;
	}
	#listLessonPage .itemLessonPage .boxRightText{
		margin-left:155px;
	}
	
	#groupLessonIntro .itemLesson {
		margin-bottom:95px;
	}
	#groupLessonIntro .itemLesson .photo {
		width:210px;
		margin-left:20px;
	}
	#groupLessonIntro .itemLesson p,
	#groupLessonIntro .itemLesson .txt {
		margin-left:260px;
	}
	#groupLessonIntro .itemLesson h3 {
		min-height:56px;
		background:url(css_img/bgTtlLesson.png) no-repeat left bottom;
		background-size:95%;
		font-size:1.6em;
		margin-bottom:25px;
	}
	
	#groupLessonIntro .listNaviBtm li,
	#groupLessonIntro .listNaviBtm li.item {
		width:71px;
	}
	#groupLessonIntro .listNaviBtm li a {
		padding:71px 0 0 0;
	}
	
	#groupSystem .impact01{
	font-size:1.32em;
	margin-bottom:35px;
	padding:5px 5px;
	height:auto;
	line-height:1.8em;
	border-radius: 45px;        /* CSS3草案 */  
	-webkit-border-radius: 45px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 45px;   /* Firefox用 */
	}
	
	#navLinkEarCate ul li {
		width:auto;
		float:none;
    padding: 20px 0;
	}

}

/**************************************************************************************
**************************************************************************************
画面サイズが460pxより小さい場合
**************************************************************************************
**************************************************************************************/

@media screen and (max-width: 460px){
	
	#groupSystem .tabScrollPage li {
		width:auto;
		float:none;
	}
	
	#groupSystem .boxPrice dt,
	#groupSystem .boxPriceType02 dt {
		width:auto;
		margin-bottom:5px;
		float:none;
	}
	#groupSystem .boxPrice dd,
	#groupSystem .boxPriceType02 dd {
		margin-left:0;
	}
	
	
	#groupSystem #beginPrice .boxPrice {
		width:auto;
		float:none;
		margin-bottom:20px;
	}
	#groupSystem #beginPrice .boxPrice dt,
	#groupSystem #beginPrice .boxPrice dd {
		text-align:center;
	}
	#groupSystem #beginPrice .boxMessage {
		margin-left:0;
		text-align:center;
	}
	
	#listLessonPage .itemLessonPage h3{
		text-align:center;
	}
	
	#listLessonPage .itemLessonPage .boxIcon {
		width:auto;
		float:none;
		margin-bottom:15px;
	}
	#listLessonPage .itemLessonPage .boxRightText{
		margin-left:0;
	}
	
	#groupLessonIntro .listNaviBtm li,
	#groupLessonIntro .listNaviBtm li.item {
		width:56px;
	}
	#groupLessonIntro .listNaviBtm li a {
		padding:56px 0 0 0;
	}
	
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_0 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_3 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_4 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_7 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_8 a {
		background-color:#9ce3e8;
	}
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_1 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_2 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_5 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_6 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_9 a,
	#groupLessonIntro .listNaviBtm li#itmBoxLesson_10 a {
		background-color:#8aced2;
	}
	
	#groupLessonIntro .itemLesson .photo {
		width:auto;
		margin-left:0px;
		float:none;
		margin-bottom:25px;
		text-align:center;
	}
	#groupLessonIntro .itemLesson p,
	#groupLessonIntro .itemLesson .txt {
		margin-left:0;
	}
	
}