/*

  Supersized - Fullscreen Slideshow jQuery Plugin
  Version : 3.2.7
  Site  : www.buildinternet.com/project/supersized

  Author  : Sam Dunn
  Company : One Mighty Roar (www.onemightyroar.com)
  License : MIT License / GPL License
*/

* { margin:0; padding:0; }
body { height:100%; }
img { border:none; }

@media print, screen and (min-width: 741px) {
/* -------------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　PC用のスタイル記述
------------------------------------------------------------------------------------------- */

#main_visual_170401 {
	position: relative;
	margin: 0 auto;
	width: 1400px;
	height: 515px !important;
	min-width: 1200px;
	z-index: 1;
}
#main_visual_170401 h2 {
	position:absolute;
	top: 30px;
	left: 200px;
	margin: 0;
	padding: 0;
	border: none;
	z-index: 5;
}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}

#supersized {  display:block; margin: 0 auto; position:absolute; left: 0px; right: 0px; top: 160px; overflow:hidden; z-index:-999; width: 1400px !important; height: 515px !important; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


#supersized img {
  -moz-animation: move 15s ease infinite;
  -webkit-animation: move 15s ease infinite;
  -ms-animation: move 15s ease infinite;
  animation: move 15s ease infinite;
}

@-moz-keyframes move {
  from {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes move {
  from {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

body.iphone #main_visual,
body.android #main_visual {
	height: 450px !important;

}
body.iphone #main_visual_170401,
body.android #main_visual_170401 {
	max-width: 1200px;
	height: 450px !important;
}
body.iphone #supersized,
body.android #supersized {
	margin-top: 15%;
	margin-left: 8%;
	width: 100%;
	height: 450px !important;
	max-width: 1200px;
}

/*
body.iphone #main_visual_170401,
body.android #main_visual_170401 {
	width: 1200px !important;
	background: url(/beauty/wp-content/themes/responsive_201703/images/top/pc_hyouji.png) bottom center no-repeat;
	background-size: 100%;
}
body.iphone #supersized,
body.android #supersized { display: none !important; }
*/


}

@media screen and (max-width: 740px) {
/* -------------------------------------------------------------------------------------------
　　　　　　　　　　　　　　　スマホ用のスタイル記述
------------------------------------------------------------------------------------------- */
#main_visual_170401 {
	position: relative;
	width: 100%;
	height: 350px;
}
#main_visual_170401 h2 {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: -85px auto 0;
	padding: 0;
	width: 100% !important;
	height: auto;
	z-index: 5;
	text-align: center;
}
body.home #main_visual_170401 h2 img {
	width: 300px;
}

#supersized {  display:block; margin: 0 auto; position:absolute; left: 0px; right: 0px; top: 60px; overflow:hidden; z-index:-999; width: 100% !important; height: 370px !important; }

#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }


#supersized img {
  -moz-animation: move 13.5s ease infinite;
  -webkit-animation: move 13.5s ease infinite;
  animation: move 13.5s ease infinite;
}

@-moz-keyframes move {
  from {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes move {
  from {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

}





@keyframes move {
  from {
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
  }

  to {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}