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

#cover { height:300px; width:100%; margin-bottom:40px; margin-top:10px;}
#cover h2{ background:#F9BD00; color:#fff; float:left; height:300px; width:300px; box-sizing:border-box; text-align:center; font-size:24px; font-size:2.4rem; padding-top:125px;}
#cover h2 span{ font-size:16px; font-size:1.6rem; color:#fff0ce; display:block; text-align: center;}

#coverS { height:auto; width:100%; margin-bottom:30px; background:#F9BD00; text-align:left; box-sizing:border-box; padding:10px 15px; margin-top:20px;}
#coverS h2{ color:#fff; font-size:24px; font-size:2.4rem;}
#coverS h2 span{ font-size:16px; font-size:1.6rem; color:#fff0ce; float:right; padding-top:8px;}

/* introduction */

#content .wrapbox section.pageLink { margin-bottom:40px;}
#content .wrapbox section.pageLink ul{ margin-right:-20px;}
#content .wrapbox section.pageLink li{ background:#F9BD00; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; float:left; margin:0 14px 20px 0; width:230px; box-sizing:border-box; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#content .wrapbox section.pageLink li a{ width:228px; box-sizing:border-box; display:block; padding:16px 10px; background:url(../common/arrow7.png) 10px center no-repeat; padding-left:40px; color:#fff;}
#content .wrapbox section.pageLink li:hover a, #content .wrapbox section.pageLink li a:hover{text-decoration:none; }
#content .wrapbox section.pageLink li:hover{ background-color:#ffcd56;}
#introduction #content .bgDot { padding-top:30px;}
#content .wrapbox .borderBox{ border:5px solid #F9BD00; border-radius:10px; background:#fff; margin:0 auto 60px; padding:40px 40px 0;}
#content .wrapbox .borderBox h3{ font-size:18px; font-size:1.8rem; color:#e94638;}
#content .wrapbox .borderBox h4{ font-size:36px; font-size:3.6rem; line-height:180%; background: none; padding-bottom:0; color:#F9BD00;}
#content .wrapbox section#point li p.link a{ background:url(../common/arrow_orange.png) left 2px no-repeat; padding-left:16px;}
#content .wrapbox section#point h3.borderB{ text-align:center; padding-bottom:40px;}
#content .wrapbox section#point li#point04{ clear: both;}
#content .wrapbox section#point li{ width:305px; float:left; margin-right:20px; margin-bottom:30px;}
#content .wrapbox section#point li h4{ color:#fff; font-size:15px; font-size:1.5rem; height:68px; margin-bottom:0; padding-top:34px; box-sizing:border-box; padding-left:55px;}
#content .wrapbox section#point li#point03, #content .wrapbox section#point li#point06 { margin-right:0;}
#content .wrapbox section#point li#point01 h4{ background:url(../images/introduction/point_title01.png) left bottom no-repeat; }
#content .wrapbox section#point li#point02 h4{ background:url(../images/introduction/point_title02.png) left bottom no-repeat; }
#content .wrapbox section#point li#point03 h4{ background:url(../images/introduction/point_title03.png) left bottom no-repeat; }
#content .wrapbox section#point li#point04 h4{ background:url(../images/introduction/point_title04.png) left bottom no-repeat; }
#content .wrapbox section#point li#point05 h4{ background:url(../images/introduction/point_title05.png) left bottom no-repeat; }
#content .wrapbox section#point li#point06 h4{ background:url(../images/introduction/point_title06.png) left bottom no-repeat; }
#content .wrapbox section#point li p{ margin:10px 0;}
#content .wrapbox section#point li p.link{ margin-bottom:0;}
#content section#lesson{ margin-bottom:40px;}
#content .wrapbox section#flow h3 .textS{ font-size:22px; font-size:2.2rem; margin-left:10px;}
#content .wrapbox section#flow li{ float:left; margin-right:15px; margin-bottom:35px; }
#content .wrapbox section#flow li:last-child{ margin-right:0; }
#content .wrapbox section#flow section.clearfix{ padding-left:115px; border-bottom:3px solid #F9BD00; padding-bottom:30px; margin-bottom:30px;}
#content .wrapbox section#flow section.clearfix p{ font-size:13px; font-size:1.3rem; margin-bottom:20px;}
#content .wrapbox section#flow section.clearfix p.link{ font-size:16px; font-size:1.6rem;}
#content .wrapbox section#flow section.clearfix p.link a{ background:url(../common/arrow2.png) left 4px no-repeat; display:inline-block; padding-left:26px; min-height:19px;}
#content .wrapbox section#flow section.clearfix ul.link li a{ background:url(../common/arrow2.png) left 4px no-repeat; display:inline-block; padding-left:26px; min-height:19px;}
#content .wrapbox section#flow section.clearfix li{ margin-bottom:20px; }
#content .wrapbox section#flow section.clearfix#step03{ border-bottom:none; padding-bottom:0;}
#content .wrapbox section#flow section.clearfix#step03 ul{ margin-bottom:10px;}
#content .wrapbox section#flow section.clearfix#step03 li{ border:1px solid #ffc600; border-radius:3px; font-size:14px; font-size:1.4rem; color:#ff8b19; padding:2px 5px; margin:0 10px 10px 0;}
#content .wrapbox section#flow section.clearfix#step03 li.clear{ clear:both;}

#content .wrapbox section#flow section.clearfix .left{ width:520px;}
#content .wrapbox section#flow section.clearfix .right figure{ padding:0; margin:0;}
#content .wrapbox section#flow section.clearfix .right figure figcaption{ font-size:13px; font-size:1.3rem; color:#666;}
#content .wrapbox section#flow section.clearfix h4{ margin-bottom:10px; font-size:18px; font-size:1.8rem; color:#ff8b19; background:none; padding:0;}
#content .wrapbox section#flow #step01{ background:url(../images/introduction/icon_step01.png) left top no-repeat;}
#content .wrapbox section#flow #step02{ background:url(../images/introduction/icon_step02.png) left top no-repeat;}
#content .wrapbox section#flow #step03{ background:url(../images/introduction/icon_step03.png) left top no-repeat;}







@media screen and (min-width:481px){}

@media screen and (max-width:480px){
	#introduction #content .wrapbox section#lead h3.borderB{ background:none; padding-bottom:0; font-size:17px; font-size:1.7rem; margin-bottom:10px;}
	#introduction #content .wrapbox section#lead p{ font-size:13px; font-size:1.3rem;}
	#content .wrapbox section.pageLink{ margin-bottom:20px;}
	#content .wrapbox section.pageLink ul{ margin-right:0;}
	#content .wrapbox section.pageLink li{ width:100%; box-sizing:border-box; padding:0 5px; margin:0 auto 15px;}
	#content .wrapbox section.pageLink li a{ width:100%;}
	#introduction #content .bgDot { padding-top:20px;}
	#content .wrapbox .borderBox{ border:3px solid #F9BD00; margin:0 auto 60px; padding:20px 20px 0;}
	#content .wrapbox .borderBox h3{ font-size:13px; font-size:1.3rem;}
	#content .wrapbox .borderBox h4{ font-size:18px; font-size:1.8rem;}
	#content .wrapbox .borderBox .right{ float:none; text-align:center; margin:0 auto 20px;}
	#content .wrapbox .borderBox .right img{ width:50%; height:auto;}
	#content .wrapbox .borderBox p{ font-size:13px; font-size:1.3rem;}
	#content .wrapbox section#point h3.borderB{ width:90%; margin-left:auto; margin-right:auto; background:none; padding:0;}
	#content .wrapbox section#point ul{ text-align:center; margin-left:auto; margin-right:auto;}
	#content .wrapbox section#point li{ width:305px; float:none; margin-right:auto; margin-left:auto; margin-bottom:20px;}
	#content .wrapbox section#point li#point03, #content .wrapbox section#point li#point06 { margin-right:auto;}

	#content .wrapbox section#point li#point01 h4 , #content .wrapbox section#point li#point02 h4 , #content .wrapbox section#point li#point03 h4 , #content .wrapbox section#point li#point04 h4 , #content .wrapbox section#point li#point05 h4 , #content .wrapbox section#point li#point06 h4{ background-position:center;}
	#content .wrapbox section#point li p{ font-size:13px; font-size:1.3rem;}
	#content .wrapbox section#flow h3{ font-size:17px; font-size:1.7rem;}
	#content .wrapbox section#flow h3 .textS{ font-size:12px; font-size:1.2rem; display:block; margin-left:0;}
	#content .wrapbox section#flow ul{ margin-bottom:20px; text-align:center; margin-left:auto; margin-right:auto;}
	#content .wrapbox section#flow li{ float:none; margin-right:0; margin-bottom:20px; }
	#content .wrapbox section#flow #step01 , #content .wrapbox section#flow #step02 , #content .wrapbox section#flow #step03{ background-position:left top; background-size:50px; }
	#content .wrapbox section#flow section.clearfix {}
	#content .wrapbox section#flow section.clearfix h4{ padding-left:60px; min-height:50px;}
	#content .wrapbox section#flow section.clearfix#step03 h4{ padding-top:12px;}
	#content .wrapbox section#flow section.clearfix{ padding-left:0; border-bottom:3px solid #F9BD00; padding-bottom:20px; margin-bottom:20px;}

	#content .wrapbox section#flow section.clearfix .left{ width:100%;}
	#content .wrapbox section#flow section.clearfix .left p.tel{ text-align:center; margin-left:auto; margin-right:auto;}
	#content .wrapbox section#flow section.clearfix .right{ display:none;}
	#content .wrapbox section#flow section.clearfix#step02 ul{ text-align:left;}
	#content .wrapbox section#flow section.clearfix#step02 ul li{ margin-bottom:0;}
	#content .wrapbox section#flow section.clearfix#step03 li{ margin-right:0;}
}

/* studio */
#studio #map{ background:url(../images/studio/map.png) top right no-repeat; min-height:540px; position:relative; padding-bottom:50px;}
#studio #map p {width:250px;}
#studio #map dl{ margin:0;}
#studio #map dt{ margin:0; color:#9cc813; font-size:14px; font-size:1.4rem; margin-bottom:2px;}
#studio #map dd{ font-size:13px; font-size:1.3rem; margin:0;}
#studio #map dd a{ background:url(../common/arrow2.png) left top no-repeat; background-size:15px auto; padding-left:20px; display:block; min-height:16px; line-height:100%; margin-bottom:8px;}
#studio #map dl#mapHokkaido{ position:absolute; top:10px; left:810px;}
#studio #map dl#mapTohoku{ position:absolute; top:152px; left:810px;}
#studio #map dl#mapKanto{ position:absolute; top:282px; left:810px;}
#studio #map dl#mapKinki{ position:absolute; top:18px; left:445px;}
#studio #map dl#mapChugoku{ position:absolute; top:182px; left:280px;}
#studio #map dl#mapChubu{ position:absolute; top:380px; left:675px;}
#studio #map dl#mapChubu2{ position:absolute; top:16px; left:605px;}
#studio #map dl#mapShikoku{ position:absolute; top:380px; left:500px;}
#studio #map dl#mapKyuusyu{ position:absolute; top:305px; left:280px;}


#studioList { margin:0 -11px; padding:0;}
#studioList .studioListBox{ width:305px; border-radius:10px; border:3px solid #F9BD00; float:left; padding:15px 10px; box-sizing:border-box; margin:0 11px 22px; height: 480px;}
#studioList .studioListBox img {
 border-radius: 5px;
}
#content .wrapbox section#studioList .studioListBox h4{ font-size:20px; font-size:2.0rem; color:#F9BD00; text-align:left; background:none; padding:0; margin-bottom:15px; font-weight:bold;}
#studioList .studioListBox h5{ background:#F9BD00; color:#fff; text-align:center; margin:15px auto; padding:0 10px; font-size:15px; font-size:1.5rem;}
#content .wrapbox section#studioList .studioListBox p.heightLine-studioListBox{font-size:13px; font-size:1.3rem; margin-bottom:10px;}
#content .wrapbox section#studioList .studioListBox p.link{ margin-bottom:0;}
#content .wrapbox section#studioList .studioListBox p.link a{ background:url(../common/arrow2.png) left 4px no-repeat; padding-left:26px; min-height:19px; display:block; }


@media screen and (max-width:480px){

#studio #map{ background:none; min-height:0; height:auto; padding-bottom:30px; width:100%;}
#studioList .studioListBox{ width:100%; border-radius:10px; border:3px solid #F9BD00; float:none; padding:15px 10px; box-sizing:border-box; margin:0 0 20px;}
#studioList .studioListBox img{ width:100%; height:auto;}

#studio #map dl#mapHokkaido{ position: inherit; top: auto; left:auto;border-top: 2px solid #F9BD00;}
#studio #map dl#mapTohoku{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapKanto{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapKinki{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapChugoku{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapChubu{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapChubu2{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapShikoku{ position:inherit; top:auto; left:auto;}
#studio #map dl#mapKyuusyu{ position:inherit; top:auto; left:auto;}
#studio #map dl {border-bottom: 2px solid #F9BD00;padding-bottom: 10px;}
#studio #map dl dt { margin-top: 15px;}
#studio #map dl dd { margin-left: 20px; }
#studio #map dd a{ background-position: left center; padding:5px 0 5px 20px; min-height:inherit;}

}


/* channel */
article#channel #content{} 
section#channel{ padding-bottom:0; background:url(../images/channel_bg.gif) top; position:relative; height:1016px; margin-top:15px; margin-bottom:0;}
section#channel #channelWrap{ background:url(../images/channel/channel_box.png) center top no-repeat; height:1006px; width:100%; position:absolute; top:10px;}
section#channel .wrapbox{ width:960px;}
section#channel .wrapbox h2{ margin:20px auto 85px; text-align:center;}
section#channel .threebox{ width:280px; float:left; margin-top:10px; box-sizing:border-box;}
section#channel .threebox h3{ text-align:left; font-size:22px; font-size:2.2rem; color:#FFF; background:none; font-weight:bold; padding-bottom:0; margin-bottom:60px; margin-left:5px; line-height: 1em;}
section#channel .threebox h3 a {color: #fff;}
section#channel .threebox h4{ text-align:left; color:#fff; font-size:14px; font-size:1.4rem; margin-left:5px; margin-bottom: 15px; line-height: 1em;}
section#channel .threebox dl{ margin:0 20px 20px; text-align:left; font-size:13px; font-size:1.3rem;}
section#channel #channelMovie.threebox dl{ margin:0 0 2px;}
section#channel .threebox dl dt{ color:#8a8a8a; margin-bottom:5px;}
section#channel #channelYoga{ margin-left:20px;}
section#channel #channelYoga .inner,
section#channel #channelStaff .inner{
width: auto !important;
max-width: auto !important;
}
section#channel #channelStaff{ margin-left:40px;}
section#channel #channelMovie{ margin-left:40px;}
section#channel #channelMovie .inner{ width:250px;}

section#channel #channelMovie .inner.movie{ height: 215px; padding-top: 10px; margin: 0 auto;}
section#channel #channelMovie .inner.facebook { margin: 0 auto;}



#sns_btn {
 width: 250px;
 margin: 0 auto;
}
#sns_btn li {
 float: left;
 width: 33.3%;
}
#sns_btn a img {
 width: 100%;
 height: auto;
}




section#channel #channelYoga.threebox dl dd{ border-bottom:3px dotted #c9f6c8; padding-bottom:10px; margin-bottom:10px; max-height:72px; min-height:72px; height:72px; box-sizing:border-box; overflow:hidden; line-height: 17px;}
section#channel #channelYoga.threebox dl dd a{ color:#4cb04a;}
section#channel #channelYoga.threebox p a{ float:right; font-size:12px; font-size:1.2rem; color:#7cce7a; background:url(../common/arrow_green.png) right 6px no-repeat; padding-right:16px; font-weight:normal; margin-right:20px;}
section#channel #channelMovie.threebox iframe{ margin:0 0 5px;}
section#channel #channelMovie.threebox h3{ margin-bottom:35px;}
section#channel #channelStaff.threebox dl dd{ border-bottom:3px dotted #ffdcc0; padding-bottom:10px; margin-bottom:10px; max-height:72px; min-height:72px; height:72px; box-sizing:border-box; line-height: 17px;}
section#channel #channelStaff.threebox dl dd a{ color:#ff8b2d;}
section#channel #channelStaff.threebox p a{ float:right; font-size:12px; font-size:1.2rem; color:#ff8b2d; background:url(../common/arrow_orange.png) right 6px no-repeat; padding-right:16px; font-weight:normal; margin-right:20px;}
section#channel #channelMovie.threebox p a{ float:right; font-size:12px; font-size:1.2rem; background:url(../common/arrow_orange.png) right 6px no-repeat; padding-right:16px; font-weight:normal; margin-right:0;}
section#channel #channelMovie.threebox #channelBlog{ margin-top:45px;}
section#channel #channelMovie.threebox #channelBlog h3{ margin-bottom:17px;}
section#channel #channelMovie.threebox #channelBlog dl{ margin-bottom:15px; padding-left:49px; margin-left:15px; margin-right:15px;}
section#channel #channelMovie.threebox #channelBlog dl dd{ padding-bottom:0; margin-bottom:0;}
section#channel #channelMovie.threebox #channelBlog dl dd a{ color:#7dd2de;}
section#channel #channelMovie.threebox #channelBlog dl#blog01{ background:url(../common/icon_blog01.jpg) left top no-repeat;}
section#channel #channelMovie.threebox #channelBlog dl#blog02{ background:url(../common/icon_blog02.jpg) left top no-repeat;}
section#channel #channelMovie.threebox #channelBlog dl#blog03{ background:url(../common/icon_blog03.jpg) left top no-repeat;}
section#channel #channelMovie.threebox #channelBlog dl#blog04{ background:url(../common/icon_blog04.jpg) left top no-repeat;}
section#channel #channelMovie.threebox #channelBlog dl#blog05{ background:url(../common/icon_blog05.jpg) left top no-repeat;}
iframe.movie{ width:640px; height:360px;}
@media screen and (max-width:480px){
	iframe.movie{ width:100%; height:auto;}

	}

/* faq */
#faq p.lead{ margin-bottom:40px; font-size:16px; font-size:1.6rem;}
#content .wrapbox section.faqList.left, #content .wrapbox section.faqList.right{ width:435px;}
#content .wrapbox section.faqList{ box-sizing:border-box; margin-bottom:40px;}
#content .wrapbox section.faqList.left{ clear:both; margin-right:40px;}
#content .wrapbox section.faqList.right{ margin-right:0;}
#content .wrapbox section.faqList h3{ /*background:url(../common/border_bg.png) left bottom repeat-x;*/ font-size:20px; font-size:2.0rem; margin-bottom:20px; padding-bottom:10px; border-bottom:#ff8b19 1px solid;}
#content .wrapbox section.faqList ul li{ font-size:16px; font-size:1.6rem; margin-bottom:10px; line-height:180%;}
#content .wrapbox section.faqList ul li a{ background:url(../common/arrow2.png) left 2px no-repeat; padding-left:26px; min-height:19px; display:block;}
#content .wrapbox section#faqDetail { margin-bottom:50px;}
#content .wrapbox section#faqDetail h3{ background:url(../images/faq/icon_q.png) left top no-repeat; min-height:44px; padding-left:60px; padding-top:4px;}
#content .wrapbox section#faqDetail #answer{ background:url(../images/faq/icon_a.png) left top no-repeat; padding-left:60px; min-height:44px;}
#content .wrapbox section#faqDetail #answer p{ margin-bottom:0;}

#content .wrapbox section.faqList.relateFaqList{ /*background:url(../common/border_bg4.png) left top repeat-x;*/ padding-top:40px; padding-bottom:0;}
#content .wrapbox section.faqList.relateFaqList h3{ background:none; padding-bottom:0; color: #F67A00; font-size:18px; font-size: 1.8rem;}

@media screen and (min-width:481px){}

@media screen and (max-width:480px){
	#content .wrapbox section.faqList.left, #content .wrapbox section.faqList.right{ width:100%;}
	#content .wrapbox section.faqList{ width:100%; margin-right:0; margin-bottom:40px;}
	#content .wrapbox section#faqDetail h3{ background:url(../images/faq/icon_q.png) center top no-repeat; padding-left:0; padding-top:64px;}
	#content .wrapbox section#faqDetail #answer{ background:url(../images/faq/icon_a.png) center top no-repeat; padding-left:0; padding-top:64px;}
	#content .wrapbox section#faqDetail #answer p{ margin-bottom:40px;}


#sns_btn {
 width: 260px;
 margin: 0 auto;
}
#sns_btn li {
 float: left;
 width: 33.3%;
}
#sns_btn a img {
 width: 100%;
 height: auto;
}


section#channel #channelMovie .inner.movie{
 height: 255px;
 padding-top: 15px;
 margin: 0 20px;
}
section#channel #channelMovie .inner.facebook {
 padding: 15px !important;
 margin: 0 20px;
}

	}


/* workshop */
#content .wrapbox section.workshopList { margin-bottom:40px;}
#content .wrapbox section.workshopList h3{background:none; margin-bottom:10px; padding:0;}
#content .wrapbox section.workshopList section.newsList h3{ background:none; }
#content .wrapbox section.workshopList table{ border:2px solid #FFBC47; box-sizing:border-box;}
#content .wrapbox section.workshopList table th{ background:#FFFBEF; text-align:center; margin-left:auto; margin-right:auto; border:2px solid #FFBC47;}
#content .wrapbox section.workshopList table td{ text-align:left; border:2px solid #FFBC47;}
#content .wrapbox section.workshopList table td.center{ text-align:center; margin-left:auto; margin-right:auto;}
#content .wrapbox section.shopList { margin-bottom:40px;}
#content .wrapbox section.shopList ul{ margin-right:-20px;}
#content .wrapbox section.shopList li{ border:3px solid #ffcd56; background:#F9BD00; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; float:left; margin:0 14px 20px 0; width:230px; box-sizing:border-box; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#content .wrapbox section.shopList li a{ width:228px; box-sizing:border-box; display:block; padding:10px; background:url(../common/arrow7.png) 10px center no-repeat; padding-left:40px; color:#fff;}
#content .wrapbox section.shopList li:hover a, #content .wrapbox section.pageLink li a:hover{text-decoration:none; }
#content .wrapbox section.shopList li:hover{ background-color:#ffcd56;}

#content .wrapbox section#workshop h3{background: url(../common/border_bg.png) repeat-x left bottom; padding-bottom:20px; margin-bottom:40px;}


#content .wrapbox section#workshop .btn{ margin-top:50px; margin-bottom:40px;}
#content .wrapbox section#workshop .right dl{ text-align:center; margin-left: 0; margin-bottom:0; margin-top:10px;}
#content .wrapbox section#workshop .right dl dt{ color:#ff8b19; margin-bottom:0; margin-top:0; font-size:1.8rem;}
#content .wrapbox section#workshop .right dl dd{ color:#F9BD00; font-size:11px; font-size:1.1rem; margin:0;}

#content .wrapbox section#workshop dl{ margin:0;}
#content .wrapbox section#workshop dt{ color:#ff8b19;}
#content .wrapbox section#workshop li strong{color:#ff8b19; font-weight:bold;}
#content .wrapbox section#workshop li span{ font-size:12px; font-size:1.2rem; color:#999;}

/* information */
#content .wrapbox section.newsList { /*background:url(../common/border_bg.png) left bottom repeat-x;*/ padding-bottom:20px; margin-bottom:40px; border-bottom:#e1e1e1 solid 1px; }
#content .wrapbox section p.date{ color:#f6ab00; font-size:148px; font-size:1.8rem; margin-bottom:10px; line-height:100%;}
#content .wrapbox section p.date span{ font-size:12px; font-size:1.2rem; color:#fff; border-radius:3px; background:#f08c84; padding:3px 10px 2px; margin-left:10px;}
#content .wrapbox section.newsList .left{ width:240px; max-height:160px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
#content .wrapbox section.newsList .left img{ max-width:240px;}
#content .wrapbox section.newsList h3{ font-size:20px; font-size:2.0rem; margin-bottom:0;}

#content .wrapbox section#news h3{ margin-bottom:20px;}
#content .wrapbox section#news ul.studioIcon{ margin:-15px 0 15px 0;}
#content .wrapbox section#news ul.studioIcon li{ border-radius:15px; background:#facf6c; padding:0; display:inline-block; font-size:13px; font-size:1.3rem; color:#fff; margin-right:10px; height:auto; line-height:100%; padding:4px 10px;}
#content .wrapbox section#news ul.studioIcon li a{ color:#fff;}

#content .wrapbox section.relate { /*background:url(../common/border_bg.png) left top repeat-x;*/ padding-top:40px; border-top:#F9BD00 solid 1px;}
#content .wrapbox section.relate h4{ color:#f67a00; font-size:18px; font-size:1.8rem; margin-bottom:20px; background:none; margin-bottom:0;}
#content .wrapbox section.relate{ padding-bottom:30px;}
#content .wrapbox section.relate ul li{ font-size:16px; font-size:1.6rem; margin-bottom:10px;}
#content .wrapbox section.relate ul li a{ background:url(../common/arrow2.png) left top no-repeat; padding-left:30px;}
#content .wrapbox section.pagenation{ /*background:url(../common/border_bg4.png) left top repeat-x;*/ padding-top:40px; text-align:center; line-height:100%; margin-bottom:80px;} 
#content .wrapbox section.pagenation a{ line-height:100%;}
#content .wrapbox section.pagenation a .left{ background:url(../common/pagenavi_prev.png) left top no-repeat; padding-left:20px;}
#content .wrapbox section.pagenation a .right{ background:url(../common/pagenavi_next.png) right top no-repeat; padding-right:20px;}

#content .wrapbox section.pagenation a.center img{ width:18px; height:auto; margin-right:10px;}

@media screen and (min-width:481px){}

@media screen and (max-width:480px){
	#content .wrapbox section.newsList .left{ width:100%; max-height:200px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
	#content .wrapbox section.newsList .left img{ max-width:100%;}
	#content .wrapbox section.pagenation{ padding-bottom:40px;}
	#content .wrapbox section#news img{ margin-bottom:40px;}
	#content .wrapbox section.workshopList dl dt{ margin-top:0;}
	#content .wrapbox section.workshopList dd.date{ margin-bottom:0; color:#F6AB00; background:none; padding-bottom:0; margin-bottom:10px;}
	#content .wrapbox section.workshopList dd{background: transparent url(/common/border_bg.png) repeat-x scroll left bottom; padding-bottom: 20px; margin-bottom: 20px;}
	#content .wrapbox section#workshop .right { float:none; text-align:center;}
	#content .wrapbox section#workshop .right img{ margin-bottom:0;}
	#content .wrapbox section#workshop .right dl dl{ margin:0;}
	#workshop #cover {}
	#workshop #cover h2{}
#content .wrapbox section#news ul.studioIcon li{ margin: 3px; width: 42%;}
#content .wrapbox section#news ul.studioIcon li a { display: block; width: 100%;}


	}






/* kids */
.ruslogo{ margin-left:70px; margin-bottom:10px; float:right;}
.kidspic{ margin-left:60px; margin-bottom:10px; float:right;}
.bot3{ border-top: 3px solid #FFCB56;}

.kidsbox{margin-top:50px; padding-bottom:20px;}
.kidsbox h2{ font-size:20px; font-size:2.0rem; color:#ff8b19; text-align:left; margin-top:40px; font-weight:bold; line-height:180%;}
.kidsbox h3{ font-size:32px !important; font-size:3.2rem !important;  color:#fcc000 !important; text-align:left; font-weight: bold !important; line-height:180%;}
.kidsbox h4{ background:url(../images/kids/kids_ico1.png) left no-repeat; font-size:16px; height:49px; font-size:1.6rem; color:#ff8b19; text-align:left; margin-top:10px;  margin-bottom:10px; padding:25px 0 0 65px; font-weight:normal; line-height:160%;}
.kidsbox h4 small{ line-height:100% !important;}

.kidsimgbox{margin:40px 0 20px 0;}


#content .wrapbox section.kidspageLink { margin-bottom:40px; position: absolute;}
#content .wrapbox section.kidspageLink ul{ margin-right:-20px;}
#content .wrapbox section.kidspageLink li{ border:3px solid #ffcd56; background:#F9BD00; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 6px 0px 0px; float:left; margin:0 14px 20px 0; width:250px; box-sizing:border-box; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#content .wrapbox section.kidspageLink li a{ width:248px; box-sizing:border-box; display:block; padding:16px 10px; background:url(../common/arrow7.png) 10px center no-repeat; padding-left:40px; color:#fff;}
#content .wrapbox section.kidspageLink li:hover a, #content .wrapbox section.kidspageLink li a:hover{text-decoration:none; }
#content .wrapbox section.kidspageLink li:hover{ background-color:#ffcd56;}


.kidsbox dl{  
   width : 100%; margin-top:10px;
}

.kidsbox dt{
  clear: left;
  float: left;
  text-align:right;
  width: 7.5em;
  padding: 0px;
  color:#ff8b19;
  font-weight: bold;
}

.kidsbox dd{
  margin: 0.8em 0 0.8em;
  margin-left: 8.5em;
}

.kidsbox2 {
    width: 95%;
    text-align: left;
    border-bottom: 2px solid #ffe19d;
	font-size:13px;
    font-size: 1.3rem;
}

.kidsp {
	font-size:12px !important;
    font-size: 1.2rem !important;
	color:#999 !important;
}

.kids_01{
margin-top:20px;
margin-bottom:10px;
width: 96%;
border-collapse: collapse;
text-align:center;
font-size:16px;
font-size: 1.6rem;
font-weight: bold;
}
.kids_01 th{
width: 24%;
padding: 15px 10px; 
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border-collapse: separate;
border: 1px solid #b9b9b9;
}
.kids_01 td{
width: 24%;
padding: 15px 10px; 
border: 1px solid #b9b9b9;
text-align: center;
line-height: 1.2;
}
.kids_01 td font{
	color: #ff8b19;
}
.kids_01 td span {
	font-size: 12px;
}

.tdorg01{
background-color: #fff4d1;
color:#ff8b19 !important;
}

.tdorg02{
background-color: #fffbef;
}
@media screen and (min-width:481px){}

@media screen and (max-width:480px){
.ruslogo{ margin-left:0px; margin-bottom:20px; float:none; text-align:center;}
.kidspic{ margin-left:0px; margin-bottom:20px; float:none; text-align:center;}
#kids #content .wrapbox .left{ float: none;}
#kids #content .wrapbox .right{ float: none;}
.kidsbox h2{ margin-top:30px;}
.kidsbox h4{ margin-bottom:30px; padding:0px 0 0 65px;}
.kids_01{
width: 100%;
}
.kidsimgbox {
    margin: 20px 0px 10px;
}
.halfbox2 iframe{max-width: 100%;
height:300px;
}

#content .wrapbox section.kidspageLink{ margin-bottom:20px; position: static;}
#content .wrapbox section.kidspageLink ul{ margin-right:0;}
#content .wrapbox section.kidspageLink li{ width:100%; box-sizing:border-box; padding:0 5px; margin:0 auto 15px;}
#content .wrapbox section.kidspageLink li a{ width:100%;}
	}






/* sitemap */

article#sitemap #content ul { width:50%;}
article#sitemap #content ul li{ font-size:16px; font-size:1.6rem; margin-bottom:20px;}
article#sitemap #content ul li a{ background:url(../common/arrow2.png) left top no-repeat; padding-left:30px;}

@media screen and (min-width:481px){}

@media screen and (max-width:480px){
	
	#cover { position:relative; height:auto; margin:0 auto 100px; width: 93%;}
	#cover h2{ float:none; padding:3% 0; height:auto; width:100%; bottom:-62px; position:absolute; }
	#cover h2 span{color: #fff;}

	/* sitemap */
	article#sitemap #content ul { width:100%; float:none;}
	article#sitemap #content ul li{ margin-bottom:20px;}
	article#sitemap #content ul li a{ min-height:18px; display:block; background:url(../common/arrow2.png) left 4px no-repeat;}
	
	/* studio */
	
	#studio #map p {width: auto;}
	#cover h2{ font-size:20px; font-size:2.0rem;}
	
	}


/* about */

article#about #lead img{ float:right;}
article#about .bgDot{ padding-bottom:10px;}
article#about #why { margin:0 20px;}
article#about #why .title{ padding-top:20px;}
article#about #why .title img{ float:left; margin-left:8px;}
article#about #content .wrapbox section#why .title h3{ background:url(../images/about/icon_q.png) left top no-repeat; padding-left:60px; margin-left:140px; font-size:28px; font-size:2.8rem; font-weight:bold; color:#e94638; margin-top:50px; margin-bottom:30px;}
article#about #why .right{ margin:0 0 20px 20px;}
article#about #why .right img{ margin-bottom:10px;}
article#about #why .right figcaption{ font-size:12px; font-size:1.2rem; line-height:150%;}
#article#about content .wrapbox #why .borderBox { padding:30px 30px 0;}

article#about #content .wrapbox #why .borderBox .left{ width:440px;}
article#about #content .wrapbox #why .borderBox h4{ font-size:18px; font-size:1.8rem; color:#ff8b19;}
article#about #points{ margin-top:-30px; margin-bottom:50px;}
article#about #points h3{ text-align:center; margin:0 auto 40px;}
article#about #points ul li{ float:left; display:inline-block; width:306px; height:198px; margin:0 20px 20px 0; box-sizing:border-box; line-height:150%;font-size:14px; font-size:1.4rem;}
article#about #points ul li#points01{ background:url(../images/about/points01.png) center top no-repeat; padding:112px 10px 0 95px;}
article#about #points ul li#points02{ background:url(../images/about/points02.png) center top no-repeat; padding:105px 80px 0 27px;}
article#about #points ul li#points03{ background:url(../images/about/points03.png) center top no-repeat; padding:105px 100px 0 27px; width:320px; margin-right:-20px;}
article#about #points ul li#points04{ background:url(../images/about/points04.png) center top no-repeat; padding:112px 10px 0 110px;}
article#about #points ul li#points05{ background:url(../images/about/points05.png) center top no-repeat; padding:105px 110px 0 20px;}
article#about #points ul li#points06{ background:url(../images/about/points06.png) center top no-repeat; padding:112px 10px 0 120px; margin-right:0;}
article#about #points ul li#points07{ background:url(../images/about/points07.png) center top no-repeat; padding:105px 110px 0 20px;}
article#about #points ul li#pointsProgram{ width:632px; margin-right:0; padding-top:20px;}
article#about #content .wrapbox section#points ul li#pointsProgram img.right{ margin:0 0 20px 20px;}
article#about #content .wrapbox section#points ul li#pointsProgram h4{ background:none; padding-bottom:0; font-size:18px; font-size:1.8rem; color:#e94638; margin-bottom:10px;}
article#about #content .wrapbox section#points ul li#pointsProgram p{ font-size:14px; font-size:1.4rem; margin-bottom:10px;}
article#about #content .wrapbox section#points ul li#pointsProgram p.link a{ background:url(../common/arrow2.png) left 4px no-repeat; display:inline-block; padding-left:26px; min-height:19px; font-size:16px; font-size:1.6rem;}

article#about #content .wrapbox section#worry{ padding:20px 0;}
article#about #content .wrapbox section#worry h3{ background:url(../images/about/icon_worry.png) right center no-repeat; font-size:30px; font-size:3.0rem; color:#fb8248; margin-bottom:30px;}
article#about #content .wrapbox section#worry ul#worryList li { width:300px; float:left; margin-right:30px; padding:0; margin-bottom:20px;}
article#about #content .wrapbox section#worry ul#worryList li.noMargin{ margin-right:0;}
article#about #content .wrapbox section#worry ul#worryList li.noMargin2{ margin:0; margin-right:-5px;}
article#about #content .wrapbox section#worry ul#worryList li h4{ background:none; margin:0 0 10px; padding:0;}
article#about #content .wrapbox section#worry dl{ margin:0;}
article#about #content .wrapbox section#worry dl dt{ margin:0; text-align:center; padding:20px 0; float:left; font-size:14px; font-size:1.4rem; line-height:120%; box-sizing:border-box; width:74px; height:74px; border-radius:100px; background:#fff; }
article#about #content .wrapbox section#worry dl dt.firstLineS{ padding:28px 0; font-size:12px; font-size:1.2rem;}
article#about #content .wrapbox section#worry dl dt.firstLine{ padding:25px 0; }
article#about #content .wrapbox section#worry dl dt.thirdLine{ padding:10px 0; }
article#about #content .wrapbox section#worry dl dd{ padding-left:84px; font-size:14px; font-size:1.4rem; line-height:180%; border-bottom:2px dashed #ebd452; padding-bottom:20px; margin-bottom:20px;}
article#about #content .wrapbox section#worry dl dt.green{ border:2px solid #abd41b; color:#abd41b;}
article#about #content .wrapbox section#worry dl dt.orange{ border:2px solid #f67a00; color:#f67a00;}
article#about #content .wrapbox section#worry dl dt.pink{ border:2px solid #df41d6; color:#df41d6;}
article#about #content .wrapbox section#worry dl dt.blue{ border:2px solid #62d9ee; color:#62d9ee;}
article#about #content .wrapbox section#worry p.link { margin-left:5px;}
article#about #content .wrapbox section#worry p.link a{ background:url(/common/arrow2.png) left top no-repeat; padding-left:25px; text-decoration:underline;}
article#about #content .wrapbox section#rank{ padding:35px 0 30px;}
article#about #content .wrapbox section#rank .clearfix{ margin-bottom:30px; }

article#about #content .wrapbox section#rank h3{ margin:0 auto 60px; text-align:center;}
article#about #content .wrapbox section#rank h4{ text-align:left; color:#ff8b19; font-size:24px; font-size:2.4rem; /*background: url("../common/border_bg.png") repeat-x scroll left bottom;*/ margin-bottom:30px; background: none;}
article#about #content .wrapbox section#rank h4 span{ font-size:14px; font-size:1.4rem;}
article#about #content .wrapbox section#rank .onebox{ text-align:center; margin-left:auto; margin-right:auto; margin-bottom:60px;}

.worryPop{ border:3px solid #3bb59e; border-radius:6px; box-shadow:rgb(98, 197, 177) -5px 5px 0px 0px; -webkit-box-shadow:rgb(98, 197, 177) -5px 5px 0px 0px; -moz-box-shadow:rgb(98, 197, 177) -5px 5px 0px 0px; padding:20px 20px 0; margin:10px; background:#fff; text-align:left;}

.worryPop h5{ font-size:18px; font-size:1.8rem; color:#3bb59e;margin-bottom:20px;}
.worryPop h5 strong{ font-weight:bold;}
.worryPop dt{ font-size:16px; font-size:1.6rem; font-weight:bold; padding-bottom:5px; margin-bottom:10px;}
.worryPop dt.program01{ border-bottom:2px solid #ffd334; color:#f9ad1c;}
.worryPop dt.program02{ border-bottom:2px solid #d7e687; color:#9ab802;}
.worryPop dt.program03{ border-bottom:2px solid #ffb76b; color:#f67b42;}
.worryPop dt.program04{ border-bottom:2px solid #b8e8f1; color:#62d9ee;}
.worryPop dt.program05{ border-bottom:2px solid #ee90b2; color:#e65489;}

.worryPop dd{ margin-bottom:20px;}
.worryPop dd li{ font-size:13px; font-size:1.3rem; float:left;}
.worryPop dd li:after{content: "／"; color:#ccc;}
.worryPop dd li:last-child:after{ content: normal;}
.worryPop dd .program01 li{  color:#f9ad1c;}
.worryPop dd .program02 li{  color:#9ab802;}
.worryPop dd .program03 li{  color:#f67b42;}
.worryPop dd .program04 li{  color:#62d9ee;}
.worryPop dd .program05 li{  color:#e65489;}
#cboxClose{position:absolute; top:-10px; right:-10px; display:block; background:url(../images/about/close.png) no-repeat top center; width:40px; height:40px; text-indent:-9999px; border:none;}

@media screen and (min-width:481px){}

@media screen and (max-width:480px){
	
	article#about #why .title img{ float:right; margin-left:0; width:20%; height:auto;}
	article#about #content .wrapbox section#why .title h3{ background:url(../images/about/icon_q.png) left top 7px no-repeat; background-size:20px 20px; padding-left:32px; margin-left:0; font-size:20px; font-size:2.0rem; font-weight:bold; color:#e94638; margin-top:0; margin-bottom:20px;}
	article#about #content .wrapbox #why .borderBox .left{ width:100%; float:none;}
	article#about #content .wrapbox #why .borderBox figure.right { width:100%; float:none; text-align:left; margin:0 0 20px;}
	article#about #content .wrapbox #why .borderBox h4{ font-size:14px; font-size:1.4rem; color:#ff8b19;}
	article#about #content .wrapbox #why .borderBox .right img{ width:100%; height:auto;}
	article#about #points ul { text-align:center; margin:0 auto;}
	article#about #points ul li{ float:none; margin:0 auto 20px; text-align:left;}
	article#about #points ul li#pointsProgram{ width:100%;}
	article#about #content .wrapbox section#worry h3{ background:none; font-size:20px; font-size:2.0rem; color:#fb8248; margin-bottom:30px; white-space:nowrap;}
	article#about #content .wrapbox section#worry h3 span{ background:#3BB59F; border-radius:5px; color:#fff; font-size:13px; font-size:1.3rem; padding:5px 10px; text-align:center; width:120px; display:block; box-sizing:border-box; line-height:1; margin-bottom:5px;}
	article#about #content .wrapbox section#worry ul#worryList li { width:100%; float:none; margin-right:0; padding:0; margin-bottom:40px;}
	article#about #content .wrapbox section#worry ul#worryList li h4 img{ width:100%; height:auto;}
	article#about #content .wrapbox section#worry dl dd{ min-height:75px;}
	article#about #content .wrapbox section#worry img.spParts{ float:right; width:25%; height:auto; margin-bottom:20px;}
	article#about #content .wrapbox section#rank .left , article#about #content .wrapbox section#rank .right{ float:none; width:100%; text-align:center; margin:0 auto 20px;}

	article#about #content .wrapbox section#rank .onebox{ width:100%;}
	article#about #content .wrapbox section#rank h4 span{ display:block;}

	
	


			
	}