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

#mainImg {
	position:relative;
}

#mainImg .imgText {
	position:absolute;
	left:50%;
	bottom:105px;
	width:519px;
	margin-left:-259px;
	opacity:0;
	margin-bottom:-50px;
	transition-property: width, bottom, margin-left;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}

#mainImg #boxCatchBst {
	position:absolute;
	right:130px;
	bottom:32px;
	z-index:25;
}
#mainImg #boxCatchBst li.p01 {
	width:410px;
	padding-top:92px;
	height:0;
	overflow:hidden;
	opacity:0;
	background:url(css_img/partsFkdsKokoku01.svg) no-repeat left top;
	background-size:100%;
	position:absolute;
	right:107px;
	bottom:212px;
	transition-property: opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0.7s;/**/
}
#mainImg #boxCatchBst li.p01.play {
	opacity:1;
}
#mainImg #boxCatchBst li.p02 {
	width:0;
	padding-top:0;
	height:0;
	overflow:hidden;
	opacity:0;
	background:url(css_img/partsFkdsKokoku02.svg) no-repeat left top;
	background-size:100%;
	position:absolute;
	right:186px;
	bottom:185px;
	transition-property: width,padding-top,opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0.5s;/**/
}
#mainImg #boxCatchBst li.p02.play {
	width:90px;
	padding-top:56px;
	opacity:1;
}
#mainImg #boxCatchBst li.p03 {
	width:0;
	height:0;
	padding-top:0;
	background:#fff;
	border:solid 2px #ffe04e;
	text-align:center;
	overflow:hidden;
	border-radius: 251px;        /* CSS3草案 */  
	-webkit-border-radius: 251px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 251px;   /* Firefox用 */
	line-height:0;
	transition-property: width,height,padding-top;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;/**/
}
#mainImg #boxCatchBst li.p03.play {
	width:251px;
	height:211px;
	padding-top:40px;
}

#mainImg #boxCatchBst li.p03 img {
	width:125px;
	height:auto;
	opacity:0;
	transition-property: opacity;
	transition-duration:1s;
	transition-timing-function:ease-in-out;
	transition-delay:0.5s;/**/
}
#mainImg #boxCatchBst li.p03 img.play {
	opacity:1;
}

#mainImg .image {
	line-height:0;
	text-align:center;
	background:#333;
}
#mainImg .image img {
	opacity:0;
}

#mainImg #listBtmMenu {
	position:absolute;
	right:20px;
	top:35px;
	z-index:30;
}

#mainImg #listBtmMenu li {
	float:left;
	margin-left:35px;
	margin-top:-50px;
	opacity:0;
}

/*『リンクアイコン』リスト*/
#areaIconLink {}
#areaIconLink .wideFrame {
	padding:65px 10px;
}
#areaIconLink .wideFrame li {
	float:left;
	width:25%;
	text-align:center;
	line-height:0;
	/*margin-top:15px;*/
	margin-bottom:15px;
}
#areaIconLink .wideFrame li {opacity:0;}
#areaIconLink .wideFrame li.p01 img {margin-right:-200px;}
#areaIconLink .wideFrame li.p02 img {margin-right:-100px;}
#areaIconLink .wideFrame li.p03 img {margin-left:-100px;}
#areaIconLink .wideFrame li.p04 img {margin-left:-200px;}
#areaIconLink .wideFrame li.p05 img {margin-right:-200px; margin-top:-300px;}
#areaIconLink .wideFrame li.p06 img {margin-right:-100px; margin-top:-300px;}
#areaIconLink .wideFrame li.p07 img {margin-left:-100px; margin-top:-300px;}
#areaIconLink .wideFrame li.p08 img {margin-left:-200px; margin-top:-300px;}

#areaIconLink .wideFrame li img {
	max-width:98%;
}
#areaIconLink .wideFrame li a:hover img {
	opacity:0.7;
}

/*『スタッフ紹介』*/
#areaStaffInfo {
	padding:55px 0;
	background:#ecfffc;
}
#areaStaffInfo .wideFrame {}
#areaStaffInfo h2 {
	margin-bottom:55px;
	opacity:0;
	margin-top:25px;
}

#areaStaffInfo #boxMainStaffPro {
	float:left;
	width:410px;
	margin-left:40px;
	opacity:0;
	transition-property: float, width;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaStaffInfo #boxMainStaffPro .frame {
	width:300px;
	margin:0 auto;
}
#areaStaffInfo #boxMainStaffPro .frame .photo {
	text-align:center;
	margin:0 auto 25px auto;
	width:300px;
	height:300px;
	overflow:hidden;
	border-radius: 300px;        /* CSS3草案 */
	-webkit-border-radius: 300px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 300px;   /* Firefox用 */
}
#areaStaffInfo #boxMainStaffPro .frame h3 {
	text-align:center;
	margin-bottom:25px;
	font-size:1.13em;
	font-weight:bold;
	border-bottom:solid 1px #a1dcd3;
	padding-bottom:11px;
}
#areaStaffInfo #boxMainStaffPro .frame h3,
#areaStaffInfo #boxMainStaffPro .frame h3 a {
	color:#70b4a9;
	text-decoration:none;
}
#areaStaffInfo #boxMainStaffPro .cateYoga {}
#areaStaffInfo #boxMainStaffPro .cateYoga li {
	float:left;
}

#areaStaffInfo .blockRight{
	/*margin-left:450px;*/
	float:right;
	width:570px;
	transition-property: width, float;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}

#areaStaffInfo .listStaff {}
#areaStaffInfo .introPhoto {
	padding-left:50px;
	margin-bottom:45px;
	opacity:0;
}
#areaStaffInfo .listStaff .boxItem {
	float:left;
	width:25%;
	margin-bottom:20px;
	opacity:0;
	transition-property: width, margin;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaStaffInfo .listStaff .boxItem .frame {
	margin:0 10px;
}
#areaStaffInfo .listStaff .boxItem .photo {
	background: url(css_img/photo_case_back.png) no-repeat left top;
	background-size:100%;
	text-align:center;
	width:122px;
	height:122px;
	border-radius: 122px;        /* CSS3草案 */
	-webkit-border-radius: 122px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 122px;   /* Firefox用 */ 
	overflow:hidden;
	margin:0 auto;
}
#areaStaffInfo .listStaff .boxItem .photo img {opacity:0.5;}
#areaStaffInfo .listStaff .boxItem .photo a:hover img {opacity:1;}
#areaStaffInfo .listStaff .boxItem h3,
#areaStaffInfo .listStaff .boxItem .cateYoga {
	display:none;
}

#areaStaffInfo .btmArchiveStaff {
	padding-top:50px;
	text-align:right;
	clear:both;
	opacity:0;
	margin-right:50px;
}

/*SNS項目*/
#areaSnsFrame {
	border-bottom:solid 1px #efefef;
}
#areaSnsFrame .wideFrame {
	padding:55px 0;
}

#areaSnsFrame .boxFb {
	width:550px;
	float:left;
	background:#efefef;
	padding:15px 0;
	text-align:center;
}
#areaSnsFrame .boxFb .fb-page,
#areaSnsFrame .boxFb iframe {
	max-width:100%;
}
#areaSnsFrame .boxFb .fb-page {
	margin:0 auto;
	/*width:100%!important;*/
}
#areaSnsFrame .boxFb .fb_iframe_widget iframe{
	display:block;
	margin:0 auto;
	/*width:100%!important;*/
	position:relative;
}
.fb_iframe_widget span {
	width:100%!important;
}
body.plugin div {
	width:100%!important;
}

/*エアリアルヨガの説明*/
#areaIntroEalial {
	background:#ebfffb;
	position:relative;
}
#areaIntroEalial .wideFrame {
	padding:35px 0;
}
#areaIntroEalial h2 {
	width:624px;
	height:0;
	overflow:hidden;
	padding-top:90px;
	background:url(css_img/ttlEaliIntro.png) no-repeat left top;
	background-size:100%;
	margin-bottom:25px;
	margin-left:11px;
	opacity:0;
	transition-property: width, padding-top, margin;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}

#areaIntroEalial #introEaliHistory {
	margin-left:27px;
	margin-bottom:25px;
}
#areaIntroEalial #introEaliHistory .photo {
	width:291px;
	line-height:0;
	float:left;
	opacity:0;
	margin-left:30px;
	transition-property: width, float;
	transition-duration:1s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #introEaliHistory p {
	margin-left:361px;
	font-size:1.13em;
	line-height:1.5em;
	color:#38ad96;
	opacity:0;
	transition-property: margin-left, font-size;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}

#areaIntroEalial #viewIntroEalial {
	height:840px;
	position:relative;
	margin-bottom:59px;
}
#areaIntroEalial #viewIntroEalial .boxImgParts {
	width:820px;
	margin:5px auto 15px auto;
}
#areaIntroEalial #viewIntroEalial .imgMain {
	/*position: absolute;
	left:295px;
	top:-5px;
	height:450px;
	margin-top:-35px;*/
	width:557px;
	float:left;
	opacity:0;
	line-height:0;
	transition-property: width, float;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .imgSub {
	width:263px;
	float:left;
	transition-property: width, float;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .photo01 {
	/*position: absolute;
	left:569px;
	top:-14px;
	height:194px;
	margin-left:-20px;
	margin-top:20px;*/
	width:100%;
	opacity:0;
	line-height:0;
	transition-property: width, float;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .photo02 {
	/*position: absolute;
	left:34px;
	top:121px;
	height:226px;
	margin-left:30px;
	margin-top:11px;*/
	width:100%;
	opacity:0;
	line-height:0;
	transition-property: width, float;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .photo03 {
	/*position: absolute;
	left:615px;
	top:206px;
	height:237px;
	margin-left:-20px;
	margin-top:-20px;*/
	width:100%;
	opacity:0;
	line-height:0;
	transition-property: width, float;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .imgMain img,
#areaIntroEalial #viewIntroEalial .photo01 img,
#areaIntroEalial #viewIntroEalial .photo02 img,
#areaIntroEalial #viewIntroEalial .photo03 img {
	width:100%;
	height:auto;
}
#areaIntroEalial #viewIntroEalial .listType {
	position: absolute;
	left:0px;
	top:525px;
	width:100%;
	height:237px;
}
#areaIntroEalial #viewIntroEalial .listType dl {
	float:left;
	width:20%;
	position:relative;
	transition-property: width, left;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .listType dt,
#areaIntroEalial #viewIntroEalial .listType dd {
	padding:0 10px;
}
#areaIntroEalial #viewIntroEalial .listType dt {
	text-align:center;
	position:absolute;
	top:-150px;
	opacity:0;
	transition-property: width, float;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #viewIntroEalial .listType dt img {
	width:5%;
	max-width:100%;
}
#areaIntroEalial #viewIntroEalial .listType dd {
	font-size:0.78em;
	color:#7c7c7c;
	opacity:0;
	transition-property: margin;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaIntroEalial #introEaliLast {
	font-size:1.13em;
	line-height:1.5em;
	color:#38ad96;
	opacity:0;
	margin-bottom:45px;
}

#areaIntroEalial #viewIntroEalial .listType .p01 dt {
	right:-430px;
}
#areaIntroEalial #viewIntroEalial .listType .p02 dt {
	right:-225px;
}
#areaIntroEalial #viewIntroEalial .listType .p03 dt {
	right:-20px;
}
#areaIntroEalial #viewIntroEalial .listType .p04 dt {
	left:-185px;
}
#areaIntroEalial #viewIntroEalial .listType .p05 dt {
	left:-390px;
}
/*フロアヨガについて*/
#areaIntroEalial #introFloorYog {
	color: #38ad96;
	font-size:1.1em;
}
#areaIntroEalial #introFloorYog h3 {
	font-size:1.3em;
	margin-bottom:20px;
	position:relative;
	top:15px;
	width:265px;
	height:0;
	overflow:hidden;
	padding-top:73px;
	background:url(css_img/ttlintro_FloorYog.png) no-repeat left top;
	background-size:100%;
	opacity:0;
	/*margin-left:25px;*/
}
#areaIntroEalial #introFloorYog p {
	margin-bottom:10px;
	margin-left:25px;
	opacity:0;
	width:100%;
}

/*メイントピックス（画面上にて、大く表示）*/
#areaMainTopics {
	padding:35px 0;
}
#areaMainTopics .boxViewPc,
#areaMainTopics .boxViewMin {
	line-height:0;
	text-align:center;
	padding:35px 0;
}
#areaMainTopics .boxViewPc {
	display:block;
}
#areaMainTopics .boxViewMin {
	display:none;
}
#areaMainTopics .boxViewPc img{
	max-width:100%;
	height:auto;
}

/*トピックス表示*/

#areaTopics {
	background:#ecfffc;
	padding:34px 0;
}

#areaTopics #boxListNews {
	margin:0 auto;
	width:965px;
	opacity:0;
	transition-property: opacity;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaTopics #boxListNews.show {
	opacity:1;
}

#areaTopics h2 {
	width:250px;
	position:relative;
	z-index:30;
	padding-top:62px;
	height:0;
	overflow:hidden;
	background:url(css_img/ttlTopics.png) no-repeat left top;
	transition-property: width, margin;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}

#areaTopics #boxListNews .listPickup {
	height:93px;
	background:url(css_img/boxTopics.png) no-repeat left top;
	background-size:100%;
	padding:35px 45px 35px 55px;
	font-size:0.98em;
	transition-property:height, padding;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaTopics #boxListNews .listPickup .frame {
	height:95px;
	overflow-x:hidden;
	overflow-y:scroll;
	background:rgba(255,255,255,0.8);
	transition-property: height;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
}
#areaTopics #boxListNews .listPickup dl {
	padding:10px 0 10px 15px;
	opacity:0;
	transition-property:opacity;
	transition-duration:0.25s;
	transition-timing-function:ease-in-out;
}
#areaTopics #boxListNews .listPickup dl.show {
	opacity:1;
}
#areaTopics #boxListNews .listPickup dt {
	width:95px;
	float:left;
	color:#52acbe;
}
#areaTopics #boxListNews .listPickup dd {
	margin-left:110px;
}
#areaTopics #boxListNews .listPickup dd,
#areaTopics #boxListNews .listPickup dd a {
	color:#797979;
	text-decoration:none;
}
#areaTopics #boxListNews .listPickup dd a:hover {
	text-decoration:underline;
}

#areaTopics #boxListNews .listPickup dl.newItm {}
#areaTopics #boxListNews .listPickup dl.newItm dt,
#areaTopics #boxListNews .listPickup dl.newItm dd,
#areaTopics #boxListNews .listPickup dl.newItm dd a {
	font-size:1.01em;
	font-weight:bold;
	color:#f90;
}

/*ショップ紹介表示*/

#areaStudio {
	background:#fff;
}
#areaStudio .wideFrame {
	padding:200px 0 130px;
	position:relative;
}
#areaStudio .wideFrame .bgParts01,
#areaStudio .wideFrame .bgParts02 {
	position:absolute;
	left:50%;
	width:1392px;
	margin-left:-696px;
	z-index:10;
	line-height:0;
}
#areaStudio .wideFrame .bgParts01,
#areaStudio .wideFrame .bgParts02 {
	opacity:0;
}
#areaStudio .wideFrame .bgParts01 {
	top:0;
	/*margin-top:-50px;*/
	margin-top:80px;
}
#areaStudio .wideFrame .bgParts02 {
	bottom:0;
	margin-bottom:80px;
}
#areaStudio .listPR {
	width:925px;
	z-index:20;
	position:relative;
	margin:0 auto 85px auto;
}
#areaStudio .listPR li{
	width:245px;
	float:left;
	margin-left:-20px;
	text-align:center;
	transition-property:  width, margin-left;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaStudio .listPR li img{opacity:0;}
#areaStudio .listPR li.n01 img{margin-left:160px;}
#areaStudio .listPR li.n02 img{margin-left:80px;}
#areaStudio .listPR li.n03 img{margin-left:-80px;}
#areaStudio .listPR li.n04 img{margin-left:-160px;}

#areaStudio .listPR li.p01{
	margin-left:0;
}
#areaStudio .boxIntro {
	position:relative;
	z-index:20;
}
#areaStudio .boxIntro .photo {
	width:315px;
	text-align:center;
	float:left;
	padding:0 15px;
	opacity:0;
	transition-property: width, float, padding;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaStudio .boxIntro .photo img {
	border:solid 1px #eee;
}
#areaStudio .boxIntro .boxText {
	margin-left:370px;
	transition-property: margin-left;
	transition-duration:0.5s;
	transition-timing-function:ease-in-out;
}
#areaStudio .boxIntro .boxText h3 {
	color:#1d8ea3;
	margin-bottom:25px;
	padding-bottom:10px;
	font-size:1.35em;
	border-bottom:solid 1px #c9c9c9;
	opacity:0;
}
#areaStudio .boxText .boxIntro {
	opacity:0;
}
#areaStudio .boxIntro .boxText p {
	margin-bottom:15px;
	color:#3d3d3d;
}

#infoAccess .logoShop {
	opacity:0;
	margin-top:25px;
}
#infoAccess .photo {
	opacity:0;
	margin-right:-25px;
}
#infoAccess .boxTextShop dl {
	opacity:0;
	margin-left:-25px;
}

/*「ワークショップのお知らせ」の記述*/

#areaInfoWorkshop {
padding:35px 0;
background:#f9f9f9;
}

#areaInfoWorkshop h2 {
display:none;
}
#areaInfoWorkshop .list,
#areaInfoWorkshop .list dl{
	height:670px;
}
#areaInfoWorkshop .list{
	width:100%;
	overflow:hidden;
	position:relative;
	padding-bottom:35px;
}
#areaInfoWorkshop .list .lstIcon{
	position:absolute;
	left:50%;
	bottom:50px;
	box-sizing:border-box;
	z-index:70;
}
#areaInfoWorkshop .list .lstIcon li{
	float:left;
	margin:0 5px;
}
#areaInfoWorkshop .list .lstIcon li a{
	background:#fff;
	width:15px;
	height:0;
	padding:15px 0 0 0;
	overflow:hidden;
	display:block;
	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 15px;   /* Firefox用 */
	transition-property:background-color;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
	border:solid 1px #209E91;
}
#areaInfoWorkshop .list .lstIcon li a.select{
	background-color:#209E91;
}

#areaInfoWorkshop .btmSlideLine {
	position:absolute;
	z-index:10;
	width:100%;
	top:50%;
	left:0;
	margin-top:-23px;
}
#areaInfoWorkshop .btmSlideLine a.btm {
	position:absolute;
	top:0;
	width:35px;
	height:0;
	overflow:hidden;
	padding-top:35px;
	background-color:#333333cc;
	background-color:#3DB1A5cc;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:40%;
	border:solid 1px #fff;
	border-radius: 35px;        /* CSS3草案 */  
	-webkit-border-radius: 35px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 35px;   /* Firefox用 */
}
#areaInfoWorkshop .btmSlideLine a.prev {
	left:0;
	background-image:url(css_img/btmSlidePrev.svg);
}
#areaInfoWorkshop .btmSlideLine a.next {
	right:0;
	background-image:url(css_img/btmSlideNext.svg);
}

#areaInfoWorkshop .list .frame{
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}

#areaInfoWorkshop .list .box {
float:left;
width:50%;
margin-bottom:35px;
}

#areaInfoWorkshop .list dl,
#areaInfoWorkshop .list dt {
/*width:390px;*/
}
#areaInfoWorkshop .list dl {
margin:0 auto;
background:#eee;
border:solid 1px #eee;
position:relative;
cursor:pointer;
width:100%;
float:left;
text-align:center;
box-sizing:border-box;
}

#areaInfoWorkshop .list dl a {
color:#fff;
text-decoration:none;
}


#areaInfoWorkshop .list dt {
	/*background:rgba(130,211,226,0.85);*/
	background:#fff;
	position:absolute;
	padding:57% 25px 15px 25px;
	height:100%;
	left:0;
	top:0;
	text-align:center;
	color:#333;
	font-size:1.1em;
	font-weight:bold;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	/*transition-property: height;
	transition-duration:0.25s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;*/
	overflow: hidden;
	width:100%;
	/**/box-sizing:border-box;
}
#areaInfoWorkshop .list dd.photo {
line-height:0;
/*height:260px;*/
height:0;
overflow:hidden;
padding-top:56%;
position:relative;
width:100%;
background:#000;
overflow:hidden;
}
#areaInfoWorkshop .list dd.photo img {
width:100%;
opacity:0.9;
position:absolute;
left:0;
top:0;
}

#areaInfoWorkshop .list dd.date {
background:#ffd169;
color:#333;
border:solid 2px #fff;/**/
width:70px;
height:70px;
/*line-height:70px;*/
padding:10px 0 0 0;
border-radius: 70px;        /* CSS3草案 */  
-webkit-border-radius: 70px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 70px;   /* Firefox用 */
position:absolute;
left:10px;
top:10px;
font-family: 'Playfair Display', serif;
font-size:1.7em;
box-sizing:border-box;
}

#areaInfoWorkshop .list dd.date .inframe{
	position: absolute;
	left:50%;
	top:50%;
	width:98%;
	display: block;
	transform: translate(-50%,-50%);
	line-height: 1.1em;
}

#areaInfoWorkshop .list dd.date.week {
	font-size:1.1em;
	padding-top:5px;
	font-weight:bold;
}

#areaInfoWorkshop .list dd.date span {
/*position:absolute;
font-size:1.62em;*/
}
#areaInfoWorkshop .list dd.date span.month {
/*left:22px;
top:22px;
text-align:right;*/
}
#areaInfoWorkshop .list dd.date span.slush {
/*left:40px;
top:24px;
text-align:center;*/
}
#areaInfoWorkshop .list dd.date span.day {
/*left:54px;
top:7px;
text-align:left;*/
font-size:2.56em;
}
#areaInfoWorkshop .list dd.date span.week {
/*left:50%;
top:55px;
text-align:center;
width:80px;
font-size:1.07em;
margin-left:-40px;*/
}


#areaInfoWorkshop .list dl:hover dd.photo img,
#areaInfoWorkshop .list dl.select dd.photo img  {
	opacity:1;
}

#areaInfoWorkshop .btmLinkWorkshop {}
#areaInfoWorkshop .btmLinkWorkshop a {
display:block;
width:765px;
margin:0 auto;
height:0;
overflow:hidden;
padding-top:100px;
background:#58BBCE url(css_img/btmLinkWorkshop.svg) no-repeat left top;
border-radius: 100px;        /* CSS3草案 */
-webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 100px;   /* Firefox用 */
}

#areaInfoWorkshop .txtWorkshop {
font-weight:bold;
}

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


@media screen and (max-width: 1024px){
	
	/*スタッフ紹介*/
	#areaStaffInfo #boxMainStaffPro {
		float:left;
		width:35%;
		/*width:250px;*/
		margin-left:0;
	}
	#areaStaffInfo #boxMainStaffPro .frame {
		width:auto;
		margin:0 15px;
	}
	#areaStaffInfo #boxMainStaffPro .frame .photo {
	width:200px;
	height:200px;
	overflow:hidden;
	border-radius: 200px;        /* CSS3草案 */
	-webkit-border-radius: 200px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 200px;   /* Firefox用 */
	}
	#areaStaffInfo .blockRight{
		width:60%;
	}
	#areaStaffInfo .listStaff {}
	#areaStaffInfo .introPhoto {
    padding-left: 50px;
    margin-bottom: 25px;
	}
	#areaStaffInfo .btmArchiveStaff {
    padding-top: 20px;
	}
	
	#areaStudio .listPR {
		width:700px;
	}
	#areaStudio .listPR li{
		width:195px;
		margin-left:-28px;
	}
	
	
	#areaSnsFrame .boxFb {
		width:auto;
		float:none;
		padding:15px 0;
	}
	#areaSnsFrame .wideFrame {
		margin:0 15px;
	}
	
	
	/*メイントピックス（画面上にて、大く表示）*/
	#areaMainTopics {
		padding:35px 0;
	}
	#areaMainTopics .boxViewPc {
		display:none;
	}
	#areaMainTopics .boxViewMin {
		display:block;
	}
	
	

	/*「ワークショップのお知らせ」の記述*/
	#areaInfoWorkshop .list,
	#areaInfoWorkshop .list dl{
		/*height:30%;*/
		padding-top:62%;
		position:relative;
		height:0;
		overflow:hidden;
	}
	
	#areaInfoWorkshop .list dl .photo{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:0;
		overflow:hidden;
		padding-top:55%;
	}
	#areaInfoWorkshop .list .photo img{
		position:absolute;
		left:0;
		top:0;
		width:100%;
	}
	#areaInfoWorkshop .list dt{
		/*position:relative;*/
		padding-top:56%;
		font-size:0.9em;
	}
	
	#areaInfoWorkshop .list .lstIcon{
		left:50%;
		bottom:5px;
	}
	
	#areaInfoWorkshop .list .lstIcon li{
		margin:0 8px;
	}
	#areaInfoWorkshop .list .lstIcon li a{
		width:11px;
		padding:11px 0 0 0;
		border-radius: 11px;        /* CSS3草案 */  
		-webkit-border-radius: 11px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 11px;   /* Firefox用 */
	}
	
}

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


@media screen and (max-width: 965px){
	/*トピックス表示*/
	#areaTopics #boxListNews {
		width:auto;
		margin:0 15px;
	}
	
	#areaTopics #boxListNews .listPickup {
		margin-top:-3px;
		z-index:20;
		height:93px;
		padding:35px 45px 35px 55px;
		font-size:0.98em;
		background-image:none;
		border:solid 2px #e2e2e2;
		background:#fff;
		border-radius: 20px;        /* CSS3草案 */  
		-webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 20px;   /* Firefox用 */
	}
	
	

	#areaInfoWorkshop .btmLinkWorkshop a {
		width:auto;
		padding:0;
		background-image:none;
		height:60px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		font-size:1.4em;
		line-height:60px;
		border-radius: 60px;        /* CSS3草案 */
		-webkit-border-radius: 60px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 60px;   /* Firefox用 */
	}
}

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


@media screen and (max-width: 920px){
	
	#mainImg .imgText {
		bottom:55px;
		width:519px;
		margin-left:-259px;
	}
	#areaTopics h2 {
		margin:0 auto;
	}
	#areaStaffInfo .listStaff .boxItem {
		width:33%;
		margin-bottom:20px;
	}
	#areaStaffInfo .listStaff .boxItem .photo {
	width:95px;
	height:95px;
	border-radius: 95px;        /* CSS3草案 */
	-webkit-border-radius: 95px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 95px;   /* Firefox用 */
	}
}

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


@media screen and (max-width: 640px){
	
	#mainImg .imgText {
		bottom:15px;
		width:230px;
		margin-left:-115px;
	}
	
	#mainImg #listBtmMenu {
		right: auto;
		top:25px;
		width:100%;
	}
	#mainImg #listBtmMenu li {
		position:absolute;
		top:0;
		margin-left:0;
		width:60px;
	}
	#mainImg #listBtmMenu #btmMenuMail {
		left:20px;
	}
	#mainImg #listBtmMenu #btmMenuSchedule {
		right:20px;
	}
	
	#mainImg #boxCatchBst {
		right:23px;
		bottom:-40px;
	}
	
	#mainImg #boxCatchBst li.p01 {
		width:284px;
		padding-top:64px;
		right:40px;
		bottom:135px;
	}
	
	#mainImg #boxCatchBst li.p02 {
		width:0;
		padding-top:0;
		right:97px;
		bottom:118px;
	}
	#mainImg #boxCatchBst li.p02.play {
		width:65px;
		padding-top:40px;
	}
	
	#mainImg #boxCatchBst li.p03 {
		width:0;
		height:0;
		padding-top:0;
		border-radius: 148px;        /* CSS3草案 */  
		-webkit-border-radius: 148px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 148px;   /* Firefox用 */
	}
	#mainImg #boxCatchBst li.p03.play {
		width:148px;
		height:123px;
		padding-top:25px;
	}
	#mainImg #boxCatchBst li.p03 img {
		width:80px;
	}
		
	
	/*トピックス表示*/
	#areaTopics h2 {
		width:125px;
		padding-top:31px;
		background:url(css_img/ttlTopics.png) no-repeat left top;
		background-size:100%;
	}
	#areaTopics #boxListNews .listPickup {
		height:auto;
		padding:25px 25px 25px 35px;
		font-size:0.98em;
		border: solid 1px #e2e2e2;
		margin-top: -1px;
	}
	#areaTopics #boxListNews .listPickup .frame {
		height:115px;
	}
	
	/*リンクアイコン*/
	#areaIconLink .wideFrame {
		padding:65px 10px 35px 10px;
	}
	
	/*ショップ紹介表示*/
	#areaStudio .wideFrame {
		padding:80px 0;
	}
	#areaStudio .listPR {
		/*width:auto;*/
		width:490px;
		padding-bottom:0px;
	}
	#areaStudio .listPR li{
		/*width:60%;
		margin-left:-20%;*/
		width:142px;
		margin-left:-20px;
	}
	#areaStudio .listPR li.p03{
		margin-left:0;
	}
	#areaStudio .listPR li.p03,
	#areaStudio .listPR li.p04{
		margin-top:-40px;
	}
	
	#areaStudio .boxIntro .photo {
		width:165px;
		text-align:center;
		float:left;
		padding:0 15px;
	}
	#areaStudio .boxIntro .boxText {
		margin-left:210px;
	}
	
	#areaStudio .wideFrame .bgParts01,
	#areaStudio .wideFrame .bgParts02 {
		left:0;
		width:100%;
		margin-left:0;
	}
	#areaStudio .wideFrame .bgParts01 {
		top:0;
	}
	#areaStudio .wideFrame .bgParts02 {
		bottom:0;
	}
	
	
	/*エアリアルヨガページについて*/
	
	#areaIntroEalial h2 {
		width:312px;
		padding-top:46px;
		margin-bottom:25px;
		margin-left:5px;
	}
	
	#areaIntroEalial #viewIntroEalial {
		width:480px;
		height:auto;
		margin:0 auto 59px auto;
	}
	
	#areaIntroEalial #viewIntroEalial .imgMain {
		width:auto;
		float:none;
	}
	#areaIntroEalial #viewIntroEalial .photo01,
	#areaIntroEalial #viewIntroEalial .photo02,
	#areaIntroEalial #viewIntroEalial .photo03 {
		width:33.3%;
		float:left;
	}
	
	#areaIntroEalial #introEaliHistory {
		margin-left:27px;
		margin-bottom:35px;
	}
	#areaIntroEalial #introEaliHistory .photo {
		width:146px;
		margin-left:11px;
	}
	#areaIntroEalial #introEaliHistory p {
		margin-left:180px;
		font-size:0.81rem;
		line-height:1.5em;
	}
	
	#areaIntroEalial #viewIntroEalial .listType {
		top:auto;
		width:100%;
		height:auto;
		position:relative;
	}
	
	#areaIntroEalial #viewIntroEalial .listType dl {
		width: auto;
		float:none;
		margin-bottom:15px;
	}
	#areaIntroEalial #viewIntroEalial .listType dl.p04{
		clear:both;
	}
	
	#areaIntroEalial #viewIntroEalial .listType dt {
		float:left;
		width:110px;
		padding:0;
	}
	#areaIntroEalial #viewIntroEalial .listType .p01 dt,
	#areaIntroEalial #viewIntroEalial .listType .p02 dt,
	#areaIntroEalial #viewIntroEalial .listType .p03 dt,
	#areaIntroEalial #viewIntroEalial .listType .p04 dt,
	#areaIntroEalial #viewIntroEalial .listType .p05 dt {
		left:180px;
		right:auto;
	}
	#areaIntroEalial #viewIntroEalial .listType .p01 dt {
		top:-34px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p02 dt {
		top:-160px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p03 dt {
		top:-235px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p04 dt {
		top:-325px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p05 dt {
		top:-432px;
	}
	#areaIntroEalial #viewIntroEalial .listType dd {
    font-size: 0.78em;
		margin-left:130px;
		padding:8px 0 0 0;
	}
	
	#areaIntroEalial #introEaliLast {
    font-size: 0.81rem;
		padding:0 10px;
	}
	
	#areaIntroEalial #introFloorYog {
    font-size: 0.81rem;
		padding:0 10px;
	}
	
	
	#areaIntroEalial #viewIntroEalial .boxImgParts {
		width:auto;
		margin:0 10px 25px 10px;
	}
	#areaIntroEalial #viewIntroEalial .imgSub {
		width:auto;
		float:none;
	}
	
}

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


@media screen and (max-width: 460px){
	
	#mainImg .imgText {
		bottom:5px;
		width:160px;
		margin-left:-80px;
	}
	
	#mainImg #listBtmMenu {
		top:15px;
	}
	
	#mainImg #listBtmMenu li {
		top:0;
		margin-left:0;
		width:50px;
	}
	
	#mainImg #boxCatchBst {
		right:23px;
		bottom:-20px;
	}
	#mainImg #boxCatchBst li.p01 {
		width:244px;
		padding-top:54px;
		right:-10px;
		bottom:-25px;
	}
	#mainImg #boxCatchBst li.p02 {
		width: 55px;
    padding-top: 35px;
    right: 35px;
    bottom: 25px;
		background:url(css_img/partsFkdsKokoku02_02.svg) no-repeat left top;
	}
	#mainImg #boxCatchBst li.p03 {
		width:0;
		height:0;
		padding-top:0;
		overflow:hidden;
		border-radius: 85px;        /* CSS3草案 */  
		-webkit-border-radius: 85px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 85px;   /* Firefox用 */
	}
	#mainImg #boxCatchBst li.p03.play {
		width:85px;
		height:75px;
		padding-top:10px;
	}
	#mainImg #boxCatchBst li.p03 img {
		width:50px;
		height:auto;
	}
	
	
	/*スタッフ紹介*/
	#areaStaffInfo #boxMainStaffPro {
		float:none;
		width:auto;
		margin-bottom:40px;
	}
	#areaStaffInfo #boxMainStaffPro .frame {
		margin:0 25px;
	}
	
	
	#areaStaffInfo #boxMainStaffPro .frame .photo {
	width:180px;
	height:180px;
	border-radius: 180px;        /* CSS3草案 */
	-webkit-border-radius: 180px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 180px;   /* Firefox用 */
	}
	
	#areaStaffInfo .blockRight{
		width:auto;
		float:none;
	}
	#areaStaffInfo .listStaff {
		margin-left:0;
	}
	
	#areaStaffInfo .listStaff .boxItem .photo {
	width:85px;
	height:85px;
	border-radius: 85px;        /* CSS3草案 */
	-webkit-border-radius: 85px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 85px;   /* Firefox用 */
	}
	
	/*トピックス表示*/
	#areaTopics #boxListNews .listPickup .frame {
		height:225px;
	}
	#areaTopics #boxListNews .listPickup dl {
		padding:10px 0 10px 5px;
	}
	#areaTopics #boxListNews .listPickup dt {
		width:auto;
		float:none;
		margin-bottom:5px;
	}
	#areaTopics #boxListNews .listPickup dd {
		margin-left:0px;
	}
	
	/*ショップ紹介表示*/
	
	#areaStudio .listPR {
		width:280px;
		/*overflow-x:hidden;*/
		margin-bottom:25px;
		padding-bottom:0px;
	}
	#areaStudio .listPR li{
		/*width:77px;*/
		width:85px;
		margin-top:0;
		margin-left:-15px;
	}
	
	#areaStudio .boxIntro .photo {
		width:auto;
		float:none;
		padding:0 15px;
		margin-bottom:20px;
	}
	#areaStudio .boxIntro .boxText {
		margin-left:0;
		padding:0 15px;
	}
	
	#areaSnsFrame .boxFb .fb_iframe_widget iframe{
		width:100%!important;
	}
	
	/*エアリアルヨガの説明*/
	
	#areaIntroEalial #introEaliHistory {
    margin-left:0;
    margin-bottom:35px;
	}
	
	#areaIntroEalial #introEaliHistory .photo {
    width:auto;
    margin-left:0;
		margin-bottom:10px;
		float:none;
		text-align:center;
	}
	
	#areaIntroEalial #introEaliHistory p {
    margin-left:0;
		padding:0 10px;
	}
	
	#areaIntroEalial #viewIntroEalial {
    width: 320px;
    margin: 0 auto 21px auto;
	}
	
	#areaIntroEalial #viewIntroEalial .photo01 {
	}
	
	#areaIntroEalial #viewIntroEalial .photo02 {
	}
	
	#areaIntroEalial #viewIntroEalial .photo03 {
	}
	
	#areaIntroEalial #viewIntroEalial .imgMain {
	}
	
	#areaIntroEalial #viewIntroEalial .listType {
	}
	
	#areaIntroEalial #viewIntroEalial .listType dl {
    margin-bottom: 21px;
	}
	
	#areaIntroEalial #viewIntroEalial .listType dt {
    width: 70px;
	}
	#areaIntroEalial #viewIntroEalial .listType dd {
    margin-left: 90px;
    padding: 5px 0 0 0;
	}
	
	#areaIntroEalial #viewIntroEalial .listType .p01 dt, 
	#areaIntroEalial #viewIntroEalial .listType .p02 dt,
	#areaIntroEalial #viewIntroEalial .listType .p03 dt,
	#areaIntroEalial #viewIntroEalial .listType .p04 dt,
	#areaIntroEalial #viewIntroEalial .listType .p05 dt {
    left: 130px;
	}
	
	#areaIntroEalial #viewIntroEalial .listType .p01 dt {
		top:-64px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p02 dt {
		top:-224px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p03 dt {
		top:-304px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p04 dt {
		top:-429px;
	}
	#areaIntroEalial #viewIntroEalial .listType .p05 dt {
		top:-575px;
	}
	
}