@charset "utf-8";

/* ============================================================== swiper */
.index .swiper-container                {width:100%;margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.index .swiper-wrapper                  {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.index .swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.index .swiper-slide                    {float:left;}
.index .pagination                      {position:absolute;z-index:20;left:10px;bottom:20px;width:100%;text-align:center;}
.index .swiper-pagination-switch        {display:inline-block;width:10px;height:10px;border-radius:100%;background:#999;box-shadow: 0px 1px 2px #555 inset;margin:0 5px;cursor:pointer;}
.index .swiper-visible-switch           {background:#aaa;}
.index .swiper-active-switch            {background:#d60;}

/* IE10 Windows Phone 8 Fixes */
.index .swiper-wp8-horizontal           {-ms-touch-action: pan-y;}
.index .swiper-wp8-vertical             {-ms-touch-action: pan-x;}

/* ============================================================== elements */
.c                              {position:relative;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ footer */
.index .f .logo                 {}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ main slider */
.idx_main .swiper-container     {}

.idx_main .img                  {position:absolute;z-index:10;width:100%;padding:10px 10px 10px;text-align:center;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.idx_main .img img              {width:150px;opacity:0.8;}
.idx_main .dmy                  {max-width:100%;}
.idx_main                       {background:#f9f6f3;background:#111;}
.idx_main_blk                   {}
.idx_main_box                   {width:280px;margin:0 auto;text-align:center;padding:0 0 60px;height:250px;}
.idx_main_1                     {background:url("./img/index/main_1_bg.jpg") 50% 30% no-repeat;;}
.idx_main_casual                {background:url("../img/studio/sa0103mg.png");}
.idx_main_classic               {background:url("../img/studio/sc0103knr.png");}
.idx_main_modern                {background:url("../img/studio/sm0101rd.png");}
.idx_main_1 .idx_main_box       {background:rgba(0,0,0,0.8);}
.idx_main_casual .idx_main_box  {background:#482;}
.idx_main_classic .idx_main_box {background:#248;}
.idx_main_modern .idx_main_box  {background:#824;}
.idx_main .title                {text-align:center;vertical-align:top;color:#fff;font-size:48px;height:48px;line-height:48px;}
.idx_main .logo img             {height:48px;}
.idx_main .title a              {display:block;text-decoration:none;color:#fff;opacity:0.8;}
.idx_main .title a:hover        {opacity:1;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ fans list */
.idx_fans                       {}
.idx_fans_swip                  {padding:10px;background:#f9f6f3;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #cca;}
.idx_fans li,
.idx_fans ul                    {margin:0;padding:0;list-style:none;}
.idx_fans li                    {width:70px;}
.idx_fans li a                  {display:block;width:60px;overflow:hidden;background:#fff;border-radius:5px;}
.idx_fans li a:hover            {opacity:0.8;}
.idx_fans li span               {display:inline-block;vertical-align:top;background:#fff;position:relative;}
.idx_fans li img                {vertical-align:top;width:60px;}
.idx_fans .new span:first-child:before {left:5px;content:"NEW";background:rgba(238,34,68,0.8);background:rgba(0,0,0,0.8);color:#fff;position:absolute;text-align:center;display:block;border:1px solid #fff;border-top:0 none;width:48px;height:24px;font-size:10px;padding:0;line-height:20px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;}

.idx_fans_arw                   {position:relative;z-index:10;text-align:center;padding:0;width:96px;margin:-1px auto 0;background:#f9f6f3;border:1px solid #cca;border-top:0 none;border-bottom-left-radius:1em;border-bottom-right-radius:1em;}
.idx_fans_arw span              {display:inline-block;margin:0;font-size:24px;height:48px;line-height:48px;width:48px;font-weight:bold;color:#ccc;cursor:pointer;}
.idx_fans_arw span.able         {color:#c93;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ direct link button */
.idx_lnk                        {padding:3em 0 1em;}
.idx_lnk ul                     {margin:0 auto;width:160px;list-style:none;text-align:center;padding:0;background:#fff;border-radius:80px;}
.idx_lnk ul li                  {}
.idx_lnk ul li a                {display:block;background:#000;color:#fff;height:80px;text-decoration:none;}
.idx_lnk ul li a:hover          {opacity:0.8;}
.idx_lnk ul li:first-child a    {line-height:100px;border-top-left-radius:80px;border-top-right-radius:80px;}
.idx_lnk ul li:last-child a     {line-height:60px;border-bottom-left-radius:80px;border-bottom-right-radius:80px;background:#389;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ news */
.idx_news                       {margin:0 auto;max-width:720px;padding:0 10px;}
.idx_news h1                    {text-align:center;color:#fff;margin:1em 0 0.5em;border-bottom:1px solid #fff;}
.idx_news dl                    {clear:both;border-bottom:1px dashed #eee;padding-bottom:0.5em;}
.idx_news dl:last-child         {border-bottom:1px solid #fff;}
.idx_news dt                    {float:right;margin:0 0 0.5em 1em;width:6.5em;clear:both;line-height:1.4;background:#fff;color:#c93;text-align:center;border-radius:5px;}
.idx_news dd                    {margin:0;color:#432;}
.idx_news dd p                  {line-height:1.4;margin:0 0 0.5em;font-size:14px;}
.idx_news .title a              {color:#06a;}
.idx_news .title a:hover        {color:#08d;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ event */
.idx_event                      {background-image:url("./img/index/event_bg.jpg");background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.idx_event .fx                  {padding:2em 1em;text-align:center;}
.idx_event h2,
.idx_event p                    {color:#fff;text-align:center;line-height:1.5em;}
.idx_event span                 {display:block;}
.idx_event span i               {display:inline-block;font-style:normal;}
.idx_event a                    {color:#fff;}
.idx_event h2                   {font-size:1em;}
.idx_event h2 em                {font-size:200%;line-height:1.5em;}

/* ============================================================== media query */
@media screen and (min-width: 560px){
	.idx_fans li                    {width:100px;}
	.idx_fans li a                  {width:90px;border-radius:10px;}
	.idx_fans li img                {width:90px;}
	.idx_fans .new span:first-child:before {left:20px;}

	.idx_news dt                    {float:left;margin:0;}
	.idx_news dd                    {margin:0 0 0 7.5em;}

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

/* ============================================================== for print */
@media print {

}