@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : common.css
	Description : 共通css

/======================================================================================================================== */


/* ------------------------------------------------------------------------------------------------------------------------/
   0-0, include
/------------------------------------------------------------------------------------------------------------------------ */

@import url("./basic.css?v=20200403");
@import url("./custom/margin.css");
@import url("./custom/padding.css");
@import url("./custom/width.css");
@font-face {
  font-family: "FOT-GMaruGoPro-B_0";
  src: url("./FOT-GMaruGoPro-B_0.otf")format("off");
}

/* ------------------------------------------------------------------------------------------------------------------------/
   base
/------------------------------------------------------------------------------------------------------------------------ */

body {
	min-width:1216px;
	color:#232323;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif,'FOT-GMaruGoPro-B_0';
	letter-spacing:0.25px;
	line-height:180%;
	background:#ffffff url("../image/layout/bg02.gif") left top repeat;
	font-size:20px;
	}
body.sub {
	min-width:auto;
	}

.sp { display:none !important; }

h1 {}
h2:not(.no_footprint) {
	font-size:30px;
	font-weight:bold;
	line-height:100%;
	box-sizing:border-box;
	border-bottom:solid 1px #d0b596;
	margin:0 0 50px 0;
	padding:0 0 15px 0;
	}
h2:not(.no_footprint):before {
	content:"";
	display:inline-block;
	width:40px;
	height:39px;
	box-sizing:border-box;
	background:transparent url("../image/layout/footprint_l.png") center center no-repeat;
	background-size:40px auto;
	margin:0 20px -5px 0;
	}
h2:not(.no_footprint):after {
	content:"";
	display:inline-block;
	width:40px;
	height:39px;
	box-sizing:border-box;
	background:transparent url("../image/layout/footprint_r.png") center center no-repeat;
	background-size:40px auto;
	margin:0 0 -5px 20px;
	}
h3 {
	font-size:25px;
	font-weight:bold;
	text-align:center;
	box-sizing:border-box;
	border-bottom:solid 1px #efefef;
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	}

a { transition:0.25s; }
a:link 		{ color:#eb2c8c; text-decoration:underline; }
a:visited 	{ color:#c1136a; text-decoration:underline; }
a:hover 	{ color:#ef5fa7; text-decoration:none; }

.shadow {
	box-shadow:2px 3px 5px 0 rgba(0,0,0,0.25);
	}

#container {
	position:relative;
	width:100%;
	min-width:1216px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   sidenavi
/------------------------------------------------------------------------------------------------------------------------ */

.drawer_menu * {
	font:inherit;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	text-align:left;
	text-decoration:none;
	outline:none;
	border:none;
	margin:0;
	padding:0;
	list-style:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	}
.drawer_menu .drawer_bg {
	position:fixed;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(51,51,51,.5);
	z-index:999;
	}

.drawer_button {
	position:fixed;
	top:25px;
	right:20px;
	display:block;
	width:90px;
	color:#ffffff;
	font-size:20px;
	text-align:center;
	outline:none;
	letter-spacing:0.1em;
	background:#645551;
	border:none;
	padding:0 10px;
	cursor:pointer;
	z-index:1001;
	}
	.drawer_button span.bar {
		display:block;
		width:47px;
		height:3px;
		background-color:#ffffff;
		margin:13px auto;
		transition:all 0.2s;
		transform-origin:0 0;
		}
	.drawer_button .close {
		display:none;
		letter-spacing:0.08em;
		}
	.drawer_button .menu {
		display:block;
		margin:-7px 0 0 0;
		}
	.drawer_button.active span.bar {
		width:57px;
		margin-left:10px;
		}
	.drawer_button.active .bar1 {
		transform:rotate(35deg);
		}
	.drawer_button.active .bar2 {
		opacity:0;
		}
	.drawer_button.active .bar3 {
		transform:rotate(-35deg);
		}
	.drawer_button.active .menu {
		display:none;
		}
	.drawer_button.active .close {
		display:block;
		margin:-7px 0 0 -5px;
		}

	.drawer_menu .drawer_nav_wrapper {
		position:fixed;
		top:0;
		right:0;
		width:312px;
		height:100%;
		background:#645551;
		border-left:solid 3px #ffffff;
		z-index:1000;
		transition:all .2s;
		transform:translate(312px);
		}
	.drawer_menu .drawer_nav_wrapper.open {
		transform:translate(0);
		}
	.drawer_menu.right .drawer_button {
		right:auto;
		right:30px;
		}
	.drawer_menu.right .drawer_nav_wrapper {
		right:auto;
		right:0;
		transform:translate(-312px);
		}
	.drawer_menu.left .drawer_nav_wrapper.open {
		transform:translate(0);
		}

	.drawer_menu ul.drawer_nav {
		box-sizing:border-box;
		margin:140px 0 30px 0;
		padding:0 30px;
		list-style:none;
		}
		.drawer_menu ul.drawer_nav > li {
			box-sizing:border-box;
			border-bottom:solid 1px #ffffff;
			}
			.drawer_menu ul.drawer_nav > li:not(:last-child) > a,
			.drawer_menu ul.drawer_nav > li > span {
				position:relative;
				display:block;
				color:#ffffff;
				text-decoration:none;
				box-sizing:border-box;
				padding:10px 0 10px 45px;
				cursor:pointer;
				}
                .drawer_menu ul.drawer_nav > li:last-child {
                box-sizing:border-box;
                border-bottom:solid 0px #ffffff;
                display: flex;
                justify-content: space-around;
                }
                .drawer_menu ul.drawer_nav > li:last-child a{
                box-sizing:border-box;
                border-bottom:solid 0px #ffffff;
                display: flex;
                margin-top: 20px;
                } 
                .drawer_menu ul.drawer_nav > li:last-child img {
                width: 70px;
                height: 70px;
                }
                
                
			.drawer_menu ul.drawer_nav > li > span.close {
				position:relative;
				display:block;
				color:#ffffff;
				text-decoration:none;
				box-sizing:border-box;
				padding:10px 0 10px 45px;
				cursor:pointer;
				transform: translate(0);
				}
			.drawer_menu ul.drawer_nav > li > span:after {
				content:"";
				display:block;
				position:absolute;
				top:15px;
				left:15px;
				width:10px;
				height:10px;
				border:solid 2px #ffffff;
				border-color:transparent transparent #ffffff #ffffff;
				transform:rotate(-45deg);
				}
			.drawer_menu ul.drawer_nav > li > span.active:after {
				top:25px;
				left:15px;
				transform:rotate(135deg);
				}
			.drawer_menu ul.drawer_nav > li:not(:last-child) > a::after {
				content:"";
				display:block;
				position:absolute;
				top:23px;
				left:15px;
				width:6px;
				height:6px;
				border:solid 2px #ffffff;
				border-color:transparent transparent #ffffff #ffffff;
				transform:rotate(-135deg);
				}
			.drawer_menu ul.drawer_nav > li > a:hover,
			.drawer_menu ul.drawer_nav > li > span:hover {
				background:#4f4340;
				}
			.drawer_menu ul.drawer_nav > li:first-child > span {
				border-top:solid 1px #ffffff;
				}
			.drawer_menu ul.drawer_nav > li > ul {
				display:none;
				padding:0 0 0 20px;
				list-style:none;
				}
				.drawer_menu ul.drawer_nav > li > ul > li {
					width:100%;
					}
					.drawer_menu ul.drawer_nav > li > ul > li > a {
						position:relative;
						display:block;
						color:#ffffff;
						font-size:17px;
						text-decoration:none;
						box-sizing:border-box;
						border-top:dotted 1px #ffffff;
						padding:7px 0 6px 35px;
						}
					.drawer_menu ul.drawer_nav > li > ul > li > a:after {
						content:"";
						display:block;
						position:absolute;
						top:19px;
						left:10px;
						width:6px;
						height:6px;
						border:solid 2px #ffffff;
						border-color:transparent transparent #ffffff #ffffff;
						transform:rotate(-135deg);
						}
					.drawer_menu ul.drawer_nav > li > ul > li > a:hover {
						background:#4f4340;
						}


/* ------------------------------------------------------------------------------------------------------------------------/
   header
/------------------------------------------------------------------------------------------------------------------------ */

header {
	width:100%;
	height: 140px;
	box-sizing:border-box;
	background:#1c1c1c;
	border-top: #505050 solid 5px;
	}
	header .inner {
		position:relative;
		width:1100px;
		height:135px;
		box-sizing:border-box;
		margin:0 auto;
		}
		header .inner h1 {
			position:absolute;
			top:10px;
			height: 115px;
			line-height: 60px;
			box-sizing:border-box;
			}
			header .inner h1 a {
				display:inline-block;
				box-sizing:border-box;
				padding:0 30px 0 0;
				text-decoration: none;
				color: #645551;
				}
				header .inner h1 a img { vertical-align:middle; }
					header .inner .accessories {
							display:none; 
						}

header .inner span{
	position: absolute;
	bottom: 5px;
	line-height: 24px;
	width: 100%;
	left: 0;
	font-size: 16px;
    color:#fff;
}




header nav ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	/* width:100%; */
	position:absolute;
	top: 68px;
	right: 0px;
	z-index: 99;
	/*display:table;*/
    display: flex;
    justify-content: space-between;
    width: 60%;
    transition: 0.3s;
}

@media screen and (max-width:1350px) { 
header nav ul{
	list-style:none;
	margin:0 auto;
	padding:0;
	/* width:100%; */
	position:absolute;
	top: 68px;
	right: 230px;
	z-index: 99;
	/*display:table;*/
    display: flex;
    justify-content: space-between;
    max-width: 55%;
    transition: .3s;
}
}

header nav ul li{
	/*float:left;*/  
	margin-right:0px;
    /*display: table-cell;*/ /* 子要素はテーブルセル要素にする */
    /*vertical-align: middle;*/
    
    
}

header nav ul li a{
	display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none !important;
    color: #fff !important;
}

header nav ul li a::after{
  position: absolute;
  bottom: -5px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #c71b7a;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

header nav ul li a:hover{
	/*background-color:#fff;
	color: #f58b36;*/
    cursor: pointer;
}

header nav ul li a:hover::after{
  bottom: -4px;
  opacity: 1;
  visibility: visible;
  
}

/*header ul.tenpo li:nth-child(4) a{
	padding:15px 18px; 
}*/

header p{
	position: absolute;
	top: 18px;
	right: 0px;
	font-size: 16px;
	width: max-content;
	text-align: left;
	line-height: 22px;
    color: #fff;
    background-color: #f58b36;
    padding: 3px 45px;
}

header p::before{
content: url("../image/layout/foot-print-small.png");
vertical-align: middle;
margin-right: 10px;
}

@media screen and (max-width:1350px){
header p{
	right:230px;
}
}

/*header p br.t-sp{
	display:none;
}

@media screen and (max-width:1350px){
header p br.t-sp{
	display:block;
}
}*/

.mainvisual td br.t-sp{
	display:none;
}

@media screen and (max-width:1000px){
.mainvisual td br.t-sp{
	display:block;
}
}

#trimming br.t-sp{
	display:none;
}

@media screen and (max-width:1000px){
#trimming br.t-sp{
	display:block;
}
}

footer br.t-sp{
display: block!important;
}

.schedule br.t-sp{
	display:none;
}

@media screen and (max-width:1000px){
.schedule br.t-sp{
	display:block;
}
}

/* ------------------------------------------------------------------------------------------------------------------------/
   visual
/------------------------------------------------------------------------------------------------------------------------ */

#visual {
	position:relative;
	width:100%;
	height:680px;
	box-sizing:border-box;
	background:#ffffff url("../image/layout/bg01.gif") left top repeat;
	border-bottom:solid 3px #efefef;
	margin:0;
	padding:30px 0 50px 0;
    overflow:hidden !important;
	z-index:995;
	display:inline-block;
	}
	#visual ul {
		width:100%;
		list-style:none;
		margin:0 auto;
		}
		#visual ul li {
			position:relative;
            text-align: center;
			display:block;
			width:1100px;
			height:600px;
			box-sizing:border-box;
			}
        #visual ul li p{
			 color: #eb2c8c;
             font-family: "FOT-GMaruGoPro-B_0";
             font-weight: bold;
             font-size: 30px;
             
             width: 100%;
             position: absolute;
             bottom: 50px;
             text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
             
			}    
		#visual ul li.type01 { background:#ffffff url("../image/visual/01.jpg") left top no-repeat; }
		#visual ul li.type02 { background:#ffffff url("../image/visual/02.jpg") left top no-repeat; }
		#visual ul li.type03 { background:#ffffff url("../image/visual/03.jpg") left top no-repeat; }
		

/* ------------------------------------------------------------------------------------------------------------------------/
   breadcrumbs
/------------------------------------------------------------------------------------------------------------------------ */

#breadcrumbs {
	width:100%;
	box-sizing:border-box;
	background:transparent;
	margin:0 auto;
	padding:20px 15px;
	}
	#breadcrumbs .inner {
		width:1100px;
		text-align:left;
		list-style:none;
		margin:0 auto;
		}
		#breadcrumbs .inner li {
			display:inline-block;
			height:21px;
			font-size:17px;
			line-height:21px;
			padding:1px 0 0 0;
			}
		#breadcrumbs .inner li:first-child a {
			height:21px;
			background:transparent url("../image/layout/bread_home.png") left center no-repeat;
			background-size:20px 20px;
			margin:0 -10px 0 0;
			padding:1px 0 0 25px;
			}
		#breadcrumbs .inner li:last-child {
			font-weight:bold;
			}
		#breadcrumbs .inner li:before {
			content:">";
			font-weight:normal;
			margin:0 10px;
			}
		#breadcrumbs .inner li:first-child:before {
			content:"";


			margin:0;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
   contents
/------------------------------------------------------------------------------------------------------------------------ */

#contents {
	width:100%;
	background:url('../image/layout/bg.jpg') left top repeat;
	padding:0 0 100px 0;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   main
/------------------------------------------------------------------------------------------------------------------------ */

#main {
	width:100%;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   side
/------------------------------------------------------------------------------------------------------------------------ */

#side {
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   under
/------------------------------------------------------------------------------------------------------------------------ */

#under {
	width:100%;
	box-sizing:border-box;
	padding:0 0 20px 0;
	}
	#under ul {
		width:535px;
		margin:0 auto;
		list-style:none;
		}
		#under ul li {
			text-align: center;
			/*margin:20px 30px 0 0;*/
			}
		#under ul li:nth-of-type(2n) {
			
			/*margin:20px 0 0 0;*/
			}
            


/* ------------------------------------------------------------------------------------------------------------------------/
   link
/------------------------------------------------------------------------------------------------------------------------ */

ul.link {
	width:1100px;
	list-style:none;
	margin:0 auto;
	padding:0 0 50px 0;
	}
	ul.link li {
		float:left;
		width:31.5%;
		margin:0 30px 30px 0;
		}
	ul.link li:nth-of-type(3n) {
		margin:0 0 30px 0;
		}
		ul.link li a {
			display:block;
			width:100%;
			height:65px;
			color:#ffffff;
			text-align:center;
			text-decoration:none;
			box-sizing:border-box;
			background: #f58b36 url("../image/layout/ic01_off.png") 93% center no-repeat;
			background-size:10px 16px;
			padding:15px 0 0 0;
			font-size:18px;
			}
		ul.link li a:hover {
			color:#f58b36;
			background:#ffffff;
			}



/* ------------------------------------------------------------------------------------------------------------------------/
   hlink
/------------------------------------------------------------------------------------------------------------------------ */

ul.hlink {
	width:1100px;
	list-style:none;
	margin:0 auto;
	padding:0 0 50px 0;
	}
	ul.hlink li {
		margin:0 0 0.8em;
		width:33.333333%;
		float: left;
		}
		ul.hlink li a {
			width:100%;
			color:#f58b36;
			text-align:center;
			text-decoration:none;
			box-sizing:border-box;
			background-size:10px 16px;
			font-size:1em; 
			}
		ul.hlink li a:hover {
			text-decoration: underline;
		}
		ul.hlink li a:before {
			content:'●';
			left:0;
			}



/* ------------------------------------------------------------------------------------------------------------------------/
   footer
/------------------------------------------------------------------------------------------------------------------------ */

footer {
	width:100%;
	height:340px;
	box-sizing:border-box;
	/*background:transparent url("../image/layout/bg01.gif") left top repeat;
    border-top:solid 3px #efefef;*/
    background-color: #1c1c1c;
	
	}
	footer .inner {
		position:relative;
		width:1100px;
		height:305px;
		text-align:left;
		margin:0 auto;
		}
		footer .inner .logo {
			position:absolute;
			top:45px;
			left:0;
			text-align:center;
            
			}
            footer .inner .logo a{
			height: 42px;
            width: 251px;
            vertical-align: middle;
			}
            footer .inner .logo a img{
            width: 100%;
 height: 100%;
 object-fit: scale-down;
            
            }
		footer .inner .text {
			position:absolute;
			top:120px;
			left:0px;
			font-size:17px;
			text-align:left;
			line-height:200%;
            color:#fff; 
			}
		footer .inner ul {
			position:absolute;
			top:31px;
			left:549px;
			list-style:none;
			}
			
			footer .inner ul li:nth-child(1),
			footer .inner ul li:nth-child(2) { width:270px; height:55px; margin:0 10px 0 0; float:left;}
			footer .inner ul li:nth-child(3) { width:270px; margin:20px 0 0 0px; float:left;}
			footer .inner ul li:nth-child(4) {  width:270px; margin:20px 0 0 0px; float:right;}
           
            footer .inner ul li:nth-child(3) a img,
			footer .inner ul li:nth-child(4) a img{
           width: 80px;
            }
            
			footer .inner ul li:nth-child(even) { margin-right:0 !important; }
            footer .inner ul li:nth-child(1) a,
			footer .inner ul li:nth-child(2) a {
					display:block;
					height:55px;
					color:#ffffff;
					font-size:20px;
					text-align:center;
					text-decoration:none;
					box-sizing:border-box;
					background: #c1136a url("../image/layout/ic01_off.png") 96.5% center no-repeat;
					background-size:10px 16px;
					padding:10px 10px 0 0;
					}
				footer .inner ul li:nth-child(1) a:hover,
			footer .inner ul li:nth-child(2) a:hover {
					color:#c1136a;
					background:#ffffff;
					padding:10px 0 0 0;
					}

       footer .corona{
        position: absolute;
        bottom:0;
        right: 90px;
        padding-bottom: 5px;
       }

	   footer .copyright {
		width:100%;
		height:35px;
		color:#ffffff;
		font-size:15px;
		line-height:35px;
		box-sizing:border-box;
		background:#505050;
		margin:0 auto;
       }
        
       .white{
        color: #fff;
        font-size: 17px;
        line-height:160%;
       }
       
        


/* ------------------------------------------------------------------------------------------------------------------------/
   expansion
/------------------------------------------------------------------------------------------------------------------------ */

.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:0 auto;
	}
	.submit button,
	.submit a,
	.submit input[type="button"],
	.submit input[type="submit"] {
		float:none !important;
		display:inline-block !important;
		width:100% !important;
		height:auto !important;
		color:#ffffff;
		font-size:20px;
		font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
		text-decoration:none;
		line-height:65px;
		box-sizing:border-box;
		background:#f58b36;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover,
	.submit input[type="button"]:hover,
	.submit input[type="submit"]:hover {
		color:#f58b36;
		box-sizing:border-box;
		background:#ffffff;
		}

ul.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:left;
	margin:0 auto;
	padding:0;
	list-style:none;
	}
	ul.submit button,
	ul.submit a,
	ul.submit input[type="button"],
	ul.submit input[type="submit"] {
		display:block !important;
		width:100% !important;
		height:auto !important;
		color:#232323;
		font-size:15px;
		font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
		text-align:center;
		text-decoration:none;
		line-height:34px;
		box-sizing:border-box;
		background:#f6f6f6;
		margin:0 !important;
		cursor:pointer;
		}
	ul.submit button:hover,
	ul.submit a:hover,
	ul.submit input[type="button"]:hover,
	ul.submit input[type="submit"]:hover {
		color:#232323;
		box-sizing:border-box;
		background:#ffffff;
		}

ul.pager {
	margin:30px 0 0 0;
	list-style:none;
	}
	ul.pager li {
		position:relative;
		display:inline-block;
		width:2.75em;
		font-size:15px;
		text-align:center;
		box-sizing:border-box;
		margin:0 2px;
		}
	ul.pager li .stay {
		display:block;
		width:2.75em;
		color:#ffffff;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		line-height:35px;
		box-sizing:border-box;
		background:#ef5fa7 !important;
		border:solid 3px #ef5fa7 !important;
		}
	ul.pager li a {
		display:block;
		width:2.75em;
		color:#232323;
		text-align:center;
		text-decoration:none;
		line-height:35px;
		box-sizing:border-box;
		background:#f4f4f4;
		border:solid 3px #efefef;
		}
	ul.pager li a:hover {
		color:#232323 !important;
		background:#ffffff !important;
		border:solid 3px #ef5fa7 !important;
		}


/* アニメーション */
.swing {
	-moz-animation:swing linear 1s infinite;
	-moz-transform-origin:48px 90px 0;
	-webkit-animation:swing linear 1s infinite;
	-webkit-transform-origin:48px 90px 0;
	-ms-animation:swing linear 3s infinite;
	-ms-transform-origin:48px 90px 0;
	-o-animation:swing linear 3s infinite;
	-o-transform-origin:48px 90px 0;
	animation:swing linear 3s infinite;
	transform-origin:48px 90px 0;
	display:block;
	float:left;
	}
 
@-moz-keyframes swing {
	0% { -moz-transform:rotate(0deg) }
	25% { -moz-transform:rotate(5deg); }
	50% { -moz-transform:rotate(0deg); }
	75% { -moz-transform:rotate(-5deg); }
	100% { -moz-transform:rotate(0deg); }
}
@-webkit-keyframes swing {
	0% { -webkit-transform:rotate(0deg); }
	25% { -webkit-transform:rotate(5deg); }
	50% { -webkit-transform:rotate(0deg); }
	75% { -webkit-transform:rotate(-5deg); }
	100% { -webkit-transform:rotate(0deg); }
}    
@-o-keyframes swing {
	0% { -o-transform:rotate(0deg); }
	25% { -o-transform:rotate(5deg); }
	50% { -o-transform:rotate(0deg); }
	75% { -o-transform:rotate(-5deg); }
	100% { -o-transform:rotate(0deg); }
}
@-ms-keyframes swing {
	0% { -ms-transform:rotate(0deg); }
	25% { -ms-transform:rotate(5deg); }
	50% { -ms-transform:rotate(0deg); }
	75% { -ms-transform:rotate(-5deg); }
	100% { -ms-transform:rotate(0deg); }
}
@keyframes swing {
	0% { transform:rotate(0deg); }
	25% { transform:rotate(5deg); }
	50% { transform:rotate(0deg); }
	75% { transform:rotate(-5deg); }
	100% { transform:rotate(0deg); }
}


.reflection-img {
	position:relative;
	border-radius:50% 50%;
	overflow:hidden;
	}

.reflection {
	height:100%;
	width:30px;
	position:absolute;

	top:-180px;
	left:0;
	background-color:#ffffff;
	opacity:0;
	transform:rotate(45deg);
	animation:reflection 3s ease-in-out infinite;
	-webkit-transform:rotate(45deg);5.103.20
	-webkit-animation:reflection 3s ease-in-out infinite;
	-moz-transform:rotate(45deg);
	-moz-animation:reflection 3s ease-in-out infinite;
	-ms-transform:rotate(45deg);
	-ms-animation:reflection 3s ease-in-out infinite;
	-o-transform:rotate(45deg);
	-o-animation:reflection 3s ease-in-out infinite;
	}
 
@keyframes reflection {
	0% { transform:scale(0) rotate(45deg); opacity:0; }
	80% { transform:scale(0) rotate(45deg); opacity:0.5; }
	81% { transform:scale(4) rotate(45deg); opacity:0.75; }
	100% { transform:scale(50) rotate(45deg); opacity:0; }
}
@-webkit-keyframes reflection {
	0% { -webkit-transform:scale(0) rotate(45deg); opacity:0; }
	80% { -webkit-transform:scale(0) rotate(45deg); opacity:0.5; }
	81% { -webkit-transform:scale(4) rotate(45deg); opacity:0.75; }
	100% { -webkit-transform:scale(50) rotate(45deg); opacity:0; }
}
@-moz-keyframes reflection {
	0% { -moz-transform:scale(0) rotate(45deg); opacity:0; }
	80% { -moz-transform:scale(0) rotate(45deg); opacity:0.5; }
	81% { -moz-transform:scale(4) rotate(45deg); opacity:0.75; }
	100% { -moz-transform:scale(50) rotate(45deg); opacity:0; }
}
@-ms-keyframes reflection {
	0% { -ms-transform:scale(0) rotate(45deg); opacity:0; }
	80% { -ms-transform:scale(0) rotate(45deg); opacity:0.5; }
	81% { -ms-transform:scale(4) rotate(45deg); opacity:0.75; }
	100% { -ms-transform:scale(50) rotate(45deg); opacity:0; }
}
@-o-keyframes reflection {
	0% { -o-transform:scale(0) rotate(45deg); opacity:0; }
	80% { -o-transform:scale(0) rotate(45deg); opacity:0.5; }
	81% { -o-transform:scale(4) rotate(45deg); opacity:0.75; }
	100% { -o-transform:scale(50) rotate(45deg); opacity:0; }
}