/* LP New Fitness
==================================*/
.sp {
  display:none !important;
}
main {
  padding: 0;
}
main img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

main .grad {
  padding: 80px 0 20px;
  background: linear-gradient(-115deg, #ad0583, #4205B1);
}


/* Title */
main .titleArea {
  background: url(/images/fukuroi/new_fitness/bg1.webp) no-repeat center top;
  background-size: cover;
  height: auto;
  padding: 22px 34px 0;
  margin-bottom: 0;
  position: relative;
}

main .titleArea .logo {
  width: 211px;
  height: 29px;
  position: absolute;
  left: 89px;
  top: 24px;
  z-index: 10;
}

main .titleArea h1 {
  max-width: 1298px;
  margin: auto;
}



/* Sub */
main .sub {
  background: url(/images/fukuroi/new_fitness/bg2.webp) no-repeat center top;
  background-size: cover;
  padding: 67px 0 95px;
}

main .sub h2 {
  height: 133px;
  text-indent: -9999px;
  background: url(/images/fukuroi/new_fitness/sub.webp) no-repeat center top;
}
main .sub p {
  text-align: center;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  font-style: italic;
  margin-top: 27px;
}



/* Section */
main section {
  padding: 0 60px;
}

main section .inner {
  background: #FFFFFF;
  padding: 60px 42px;
  margin: 0 auto 58px;
  max-width: 1126px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
}
main section .inner p {
  font-size: 20px;
  line-height: 1.8;
  font-weight: 700;
}
main section .inner p.title {
  font-size: 32px;
  line-height: 1.3;
  font-style: italic;
  margin-bottom: 34px;
}

main section .inner .photos {
  width: 54.8%;
  max-width: 571px;
}

main section .inner .movie {
  position: relative;
  padding-top: 56.25%;
}
main section .inner .movie video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

main section .inner .texts {
  width: 41.55%;
  max-width: 433px;
  padding-left: 6px;
}



/* Kurayami */
main section#Kurayami .inner .photos {
  float: left;
}
main section#Kurayami .inner .photos .photo {
  max-width: 570px;
  margin-bottom: 45px;
  position: relative;
}
main section#Kurayami .inner .photos .photo p.ph1 {
  width: 55.09%;
  max-width: 314px;
}
main section#Kurayami .inner .photos .photo p.ph2 {
  width: 39.3%;
  max-width: 224px;
  position: absolute;
  right: 0;
  top: 17.5%;
}
main section#Kurayami .inner .photos .photo p.ph3 {
  width: 54.39%;
  max-width: 310px;
  margin: 4.91% 0 0 3.86%;
}
main section#Kurayami .inner .photos .photo p.te {
  position: absolute;
  z-index: 2;
  left: 22.28%;
  top: 49.78%;
  width: 53.16%;
  max-width: 303px;
}

main section#Kurayami .inner .texts {
  float: right;
}
main section#Kurayami .inner .texts h2 {
  margin: 40px 0 70px -6px;
  height: 143px;
  text-indent: -9999px;
  background: url(/images/fukuroi/new_fitness/title01.webp) no-repeat left top;
}


main section#Kurayami .program {
  background: linear-gradient(45deg, #3a048b, #8a046a);
  padding: 24px 18px;
  margin-top: 52px;
}

main section#Kurayami .program h3 {
  font-size: 28px;
  color: #fff;
  letter-spacing: 0.05em;
  position: relative;
}
main section#Kurayami .program h3::after {
  content: "";
  display: block;
  width: 36px;
  height: 4px;
  background: #FFFFFF;
  position: absolute;
  left: 155px;
  top: 50%;
}

main section#Kurayami .program p {
  line-height: 1.5;
  font-style: italic;
  letter-spacing: 0.03em;
  margin-top: 30px;
  color: #fff;
}



/* UBOUND */
main section#UBOUND .inner p.title {
  font-size: 26px;
}
main section#UBOUND .inner p.title strong {
  font-size: 32px;
}
main section#UBOUND .inner p.title small {
  font-size: 18px;
}

main section#UBOUND .inner .texts {
  float: left;
}
main section#UBOUND .inner .texts h2 {
  margin: 14px 0 96px;
  height: 163px;
  text-indent: -9999px;
  background: url(/images/fukuroi/new_fitness/title02.webp) no-repeat center top;
}

main section#UBOUND .inner .photos {
  float: right;
}
main section#UBOUND .inner .photos .photo {
  margin: -4.03% 0 0 3.32%;
  position: relative;
  z-index: 2;
}
main section#UBOUND .inner .photos .photo p.te {
  position: absolute;
  z-index: 3;
  left: 4.53%;
  top: 0;
  width: 73.91%;
  max-width: 408px;
}
main section#UBOUND .inner .photos .photo p.ph1 {
  width: 56.16%;
  max-width: 310px;
  position: absolute;
  left: 0;
  top: 40.37%;
}
main section#UBOUND .inner .photos .photo p.ph2 {
  width: 40.4%;
  max-width: 223px;
  padding: 12.68% 0 0 59.6%;
}


@media screen and (max-width: 1040px){
  main section .inner .pc.photos {
    display: none !important;
  }
  main section .inner .texts {
    float: none !important;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  main section .inner .texts .photo {
    position: relative;
  }
  main section .inner p.title {
    margin-top: 30px;
  }
  main section .inner p.title br {
    display: none !important;
  }
  main section .inner .movie {
    margin-top: 30px;
  }

  main section .inner .texts .sp {
    display: block !important;
  }

  /* Kurayami */
  main section#Kurayami .inner .texts h2 {
    margin: 0 0 35px;
    height: 70px;
    background: url(/images/fukuroi/sp/new_fitness/title01.webp) no-repeat center top;
  }

  main section#Kurayami .program p br.pc {
    display: none !important;
  }

  main section#Kurayami .inner .photo p.ph1 {
    width: 43.77%;
    margin-left: 7.7%;
  }
  main section#Kurayami .inner .photo p.ph2 {
    width: 44.1%;
    position: absolute;
    right: 0;
    top: 10.66%;
  }
  main section#Kurayami .inner .photo p.ph3 {
    width: 50.82%;
    margin: 12.37% 0 0 0;
  }
  main section#Kurayami .inner .photo p.te {
    position: absolute;
    z-index: 2;
    left: 4.26%;
    top: 39.02%;
    width: 57.54%;
  }

  /* UBOUND */
  main section#UBOUND .inner .texts h2 {
    margin: 0 0 48px;
  }

  main section#UBOUND .inner .photo p.te {
    position: absolute;
    z-index: 3;
    left: 3.28%;
    top: 3.77%;
    width: 65.74%;
  }
  main section#UBOUND .inner .photo p.ph1 {
    width: 48.03%;
    position: absolute;
    left: 0;
    top: 50.25%;
  }
  main section#UBOUND .inner .photo p.ph2 {
    width: 47.7%;
    padding: 0 0 0 52.3%;
  }
}

.contentInner {
    clear: both;
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}

em {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ff9 40%) repeat scroll 0 0;
    font-style: normal;
}

#solution .txtRight {
    padding-right: 30px;
}

.txtRight {
    text-align: right;
}

/* 追加ページ */
#pageHeader {
	min-height: 692px;
	background: url(/images/fukuroi/new_fitness/bg_mainImg.webp) no-repeat;
	background-position: center top;
}
	#pageHeader .headerInner {
		float: left;
		margin: 25px 0 0 20px;
	}
		#pageHeader .headerInner h1 {
			margin: 0 0 15px 5px;
			color: #fff;
			font-size: 1.4em;
			line-height: 1.0em;
		}
		#pageHeader .headerInner .logo {
			width: 200px;
		}
			#pageHeader .headerInner .logo a {
				display: block;
				width: 165px;
				height: 60px;
				/* background: url(/images/fukuroi/new_fitness/logo.webp) no-repeat; */
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}
			@media (hover: hover) {
				#pageHeader .headerInner .logo a:hover {
					filter:alpha(opacity=70);
					-moz-opacity: 0.7;
					opacity: 0.7;
				}
			}
	#pageHeader .contentInner {
		overflow: inherit;
	}
		#pageHeader .contentInner h2 {
			padding: 30px 0 0 0;
		}
	
	.smpMainImg {
		display: none;
	}

	/* ホットヨガって？ */
	#about {
		background-color: #fff;
		padding-top: 70px;
		padding-bottom: 30px;
	}
		#about .aboutInner {
			display: table;
			width: 100%;
		}
			#about h3 {
				display: block;
				margin: 0 auto 20px;
				width: 100%;
				text-align: center;
				line-height: 2em;
			}
				#about .aboutInner figure {
					display: table-cell;
					width: 555px;
					padding-right: 30px;
					line-height: 0;
					text-align: center;
				}
			#about .aboutInner .txtWrap {
				display: table-cell;
				width: 555px;
				vertical-align: middle;
			}
				#about .aboutInner .txtWrap p {
					display: table;
					width: 555px;
					margin-bottom: 1.3em;
					font-size: 18px;
					line-height: 2em;
					font-weight: 400;
				}
				#about .aboutInner .txtWrap p.txtImg {
					text-align: center;
				}



/* お悩み解決 */
	#solution {
		padding-bottom: 40px;
		background: #fefcda url(/images/fukuroi/new_fitness//bg_solution.webp) center top repeat-x;
	}
		#solution .txtRight{
			padding-right: 30px;
		}
		#solution h3 {
			display: block;
			margin: 0 auto 20px;
			width: 100%;
			text-align: center;
			line-height: 2em;
		}
			#solution h3 img {
				display: inline;
			}
		#solution .solutionInner {
			width: 100%;
			margin-bottom: 5px;
		}
			#solution .solutionInner .txtWrap {
				display: inline-block;
				width: 100%;
				background: url(/images/fukuroi/new_fitness/img_03.webp) right top no-repeat;
				vertical-align: top;
			}
		#solution .txtWrap h4 {
			margin: 10px 0;
			padding-left: 44px;
			background: url(/images/fukuroi/new_fitness/ico_01.webp) left top no-repeat;
			color: #eb6100;
			font-size: 26px;
			line-height: 1.2em;
			font-weight: 400;
		}
		#solution .txtWrap p {
			margin: 10px 0 30px;
			font-size: 18px;
			width: 750px;
			line-height: 2em;
		}
			#solution .solutionInner figure {
				display: inline-block;
				float: right;
				line-height: 0;
				z-index: 1;
			}

			@media screen and (max-width: 1170px) {
          .contentInner {
            width: auto;
            margin: 0;
            padding: 0 25px;
          }
          
          /* -------------------------- */
          /* title */
          /* -------------------------- */
          
          .h3Title {
            margin-bottom: 30px;
            font-size: 2.6em;
            line-height: 1.4em;
          }
            .h3Title span {
              padding-bottom: 4px;
              font-size: 0.8em;
            }
            
          
          /* -------------------------- */
          /* txt */
          /* -------------------------- */
          
          .normalTxt {
            font-size: 1.4em;
            line-height: 1.6em;
          }
          
          
          /* -------------------------- */
          /* link */
          /* -------------------------- */
          
          .tbrBorder {
          }
            .tbrBorder th ,
            .tbrBorder td {
              display: block;
              padding: 10px 0;
              font-size: 1.4em;
            }
            .tbrBorder th {
              width: auto;
              border-bottom: 1px dashed #dbd8cd;
            }
        
            #pageHeader .headerInner .logo a {
              display: block;
              width: 160px;
              height: 70px;
              /* background: url(/images/fukuroi/new_fitness/logo.webp) no-repeat; */
              text-indent: 100%;
              white-space: nowrap;
              overflow: hidden;
              margin: 10px auto;
              padding: 0 5px;
          }

          @media only screen and (max-width:799px){
            #pageHeader .contentInner img {
          display: none;
            }
            #about .aboutInner figure img {
              /* max-width: 539px; */
              width: 100%;
          }
          #solution .txtRight {
            padding-right: 30px;
          }
          .txtRight {
            text-align: right;
          }
          
          }
          
          @media only screen and (min-width:441px) and (max-width:799px){
            #about .contentInner h3{
              text-align: center;
               }
            #about .contentInner img{
           width: 441px;
            }
          }
          
          @media only screen and (min-width:460px) and (max-width:799px){
            #solution .contentInner h3{
              text-align: center;
               }
               #solution .img1 {
           width: 460px;
            }
          }
          
          @media only screen and (min-width:508px) and (max-width:799px){
            #solution .contentInner h3{
              text-align: center;
               }
               #solution .img2 {
           width: 508px;
            }
          }
          
          @media only screen and (min-width:413px) and (max-width:799px){
            #solution .contentInner h3{
              text-align: center;
               }
               #solution .img3 {
           width: 413px;
            }
          }
            
          
          /* max-800 */
          @media only screen and (min-width:480) and (max-width:799px) {
            
            .contentInner {
              padding: 0 15px;
            }
            
            /* -------------------------- */
            /* title */
            /* -------------------------- */
            
            .h3Title {
              margin-bottom: 25px;
              font-size: 2.2em;
              line-height: 1.3em;
            }
                    
            
            /* -------------------------- */
            /* pageHeader */
            /* -------------------------- */
            
            #pageHeader {
              min-height: auto;
              margin-bottom: 0;
              padding: 0;
              background: none;
            }
              #pageHeader .headerInner {
                float: none;
                height: auto;
                margin: 0;
                padding: 10px 0;
              }
                #pageHeader .headerInner h1 {
                  margin: 0;
                  text-align: center;
                  font-size: 1.0em;
                }
                #pageHeader .headerInner .logo {
                  width: 100px;
              margin: 7px auto 0;
                }
                  #pageHeader .headerInner .logo a {
                    width: 100px;
              height: 40px;
              background-size: 100px auto;
                  }
            
              #pageHeader .contentInner {
                display: none;
              }
              #pageHeader .smpMainImg {
                display: block;
                margin: 0;
                padding: 0;
                line-height: 0;
              }
                #pageHeader .smpMainImg h2 img {
                  width: 100%;
                  height: auto;
                }
              }
            /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
            /* max-480 */
            /* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
            
            @media only screen and (min-width:320px) and (max-width:480px) {
            
            .contentInner {
              padding: 0 15px;
            }
            
            /* -------------------------- */
            /* title */
            /* -------------------------- */
            
            .h3Title {
              margin-bottom: 25px;
              font-size: 2.2em;
              line-height: 1.3em;
            }
                    
            
            /* -------------------------- */
            /* pageHeader */
            /* -------------------------- */
            
            #pageHeader {
              min-height: auto;
              margin-bottom: 0;
              padding: 0;
              background: none;
            }
              #pageHeader .headerInner {
                float: none;
                height: auto;
                margin: 0;
                padding: 10px 0;
              }
                #pageHeader .headerInner h1 {
                  margin: 0;
                  text-align: center;
                  font-size: 1.0em;
                }
                #pageHeader .headerInner .logo {
                  width: 100px;
              margin: 7px auto 0;
                }
                  #pageHeader .headerInner .logo a {
                    width: 100px;
              height: 40px;
              background-size: 100px auto;
                  }
            
              #pageHeader .contentInner {
                display: none;
              }
              #pageHeader .smpMainImg {
                display: block;
                margin: 0;
                padding: 0;
                line-height: 0;
              }
                #pageHeader .smpMainImg h2 img {
                  width: 100%;
                  height: auto;
                }
              }
          
             
              #about {
                background-color: #fff;
                padding-top: 70px;
                padding-bottom: 30px;
            }
          
              #about {
                margin-bottom: 20px;
              }
                #about .aboutInner {
                  display: block;
                  margin-bottom: 15px;
                  padding-bottom: 20px;
                }
                  #about .aboutInner .title {
                    display: block;
                    width: auto;
                    margin-bottom: 25px;
                    padding-right: 0;
                  }
                    #about .aboutInner .title h4 {
                      text-align: center;
                    }
                      #about .aboutInner .title h4 img {
                        width: auto;
                        height: 65px;
                      }
                    #about .aboutInner .title .normalTxt {
                      text-align: center;
                    }
                    #about .aboutInner figure {
                      display: block;
                      width: 100%;
                      margin: 20px auto 0;
                    }
                    #about .aboutInner figure img {
                      max-width: 539px;
                      width: 100%;
                    }
                  #about .aboutInner .txtWrap {
                    display: block;
                    width: 100%;
                  }
                  #about .aboutInner .txtWrap p {
                    display: table;
                    margin-bottom: 1.3em;
                    font-size: 16px;
                    line-height: 2em;
                }
                    #about .aboutInner .txtWrap p {
                      width: 100%;
                    }
          
                    em {
                      background: rgba(0, 0, 0, 0) linear-gradient(transparent 40%, #ff9 40%) repeat scroll 0 0;
                    }
          
                    #about .aboutInner .txtWrap p.txtImg img {
                      width: 138px;
                  }
          
                    #about .aboutInner .txtWrap p.txtImg {
                      text-align: center;
                  }
            
            /* お悩み解決 */				
          
         
          
          #solution .txtWrap h4 {
            margin: 10px 0;
            padding-left: 44px;
            background: url(/images/fukuroi/new_fitness/ico_01.webp) left top no-repeat;
            color: #eb6100;
            font-size: 26px;
            line-height: 1.2em;
          }
          
          #solution .txtWrap p {
            margin: 10px 0 30px;
            font-size: 18px;
            width: 100%;
            line-height: 2em;
          }
          
          
          
          
              #solution {
                margin-bottom: 0;
              }
                #solution .solutionInner {
                  display: block;
                  margin-bottom: 0px;
                  padding-bottom: 0;
                }
                  #solution .solutionInner {
                    display: block;
                    width: auto;
                    margin-bottom: 20px;
                    padding-right: 0;
                  }
                    #solution .solutionInner h4 {
                    }
                    #solution .solutionInner h4 img {
                      width: auto;
                      height: 65px;
                    }
                  #solution .solutionInner .txtWrap {
                    display: block;
                    width: 100%;
                    background: url(/images/fukuroi/new_fitness/img_03.webp) center top no-repeat;
                    padding-top: 500px;
                  }
                    #solution .solutionInner .txtWrap p {
                      width: 100%;
                    }
          
                    @media only screen and (min-width:320px) and (max-width:562px) {
          
                      /* お悩み解決 */				
                            #solution .solutionInner .txtWrap {
                              padding-top: 100%;
                              background-size: contain;
                            }
                      
                      }
        }
      
      






/* LP Footer
==================================*/
footer {
  padding: 60px 60px 53px;
  background: url(/images/fukuroi/new_fitness/bg3.webp) repeat-y center top;
  background-size: contain;
}
footer .footer_inner {
  max-width: 1104px;
  margin: 0 auto;
}


/* EntryBox */
footer .espo_entrybox {
  padding: 10px;
  background: #fff;
}

footer .espo_entry {
  width: 100%;
  box-sizing: border-box;
  border-top: #481cba 4px solid;
  border-bottom: #ad0583 4px solid;
  padding: 44px 64px;
  position: relative;
  display: table;
}
footer .espo_entry::before {
  content:"";
  display:block;
  height:100%;
  width:4px;
  background:-webkit-gradient(linear, left top, right bottom, from(#481cba), to(#ad0583));
  background:-moz-linear-gradient(left, #481cba, #ad0583);
  background:linear-gradient(left, #481cba, #ad0583);
  position: absolute;
  left: 0;
  top: 0;
}
footer .espo_entry::after {
  content:"";
  display:block;
  height:100%;
  width:4px;
	background:-webkit-gradient(linear, left top, right bottom, from(#481cba), to(#ad0583));
	background:-moz-linear-gradient(left, #481cba, #ad0583);
  background:linear-gradient(left, #481cba, #ad0583);
  position: absolute;
  right: 0;
  top: 0;
}

footer .espo_entry .espo_left {
  display: table-cell;
  vertical-align: middle;
}
footer .espo_entry .espo_left h2 {
  margin-bottom: 12px;
  font-style: italic;
  font-size: 20px;
  line-height: 38px;
  font-weight: 700;
  background: url(/images/common/logo_color.svg) no-repeat left top;
  background-size: 129px 37px;
  padding-left: 140px;
}
footer .espo_entry .espo_left p {
	line-height: 24px;
}

footer .espo_entry ul {
  display: table-cell;
  vertical-align: middle;
  width:418px;
  padding-left: 65px;
}
footer .espo_entry ul li a {
	text-align:center;
	display:block;
	width:418px;
	height:63px;
	font-size:22px;
  line-height: 63px;
	font-weight:700;
	color:#FFFFFF;
}
footer .espo_entry ul li.nav01 {
	margin-bottom:12px;
}
footer .espo_entry ul li.nav01 a span {
	background:url(/images/common/icon_calendar.svg) no-repeat 0 3px;
	background-size:26px 26px;
  padding-left: 40px;
}
footer .espo_entry ul li.nav02 a span {
	background:url(/images/common/icon_mail.svg) no-repeat 0 8px;
	background-size:28px 21px;
  padding-left: 42px;
}
footer .espo_entry ul li.nav01 a{	background: #ea1dc2; }
footer .espo_entry ul li.nav02 a{	background: #195ec5; }
@media (hover: hover) {
	footer .espo_entry ul li.nav01 a:hover{	background: #f940d5; }
	footer .espo_entry ul li.nav02 a:hover{	background: #307bec; }
}

@media screen and (max-width: 1240px){
  footer .espo_entry {
    padding: 44px;
  }
  footer .espo_entry .espo_left p br.pc {
    display: none;
  }
}
@media screen and (max-width: 1000px){
  footer .espo_entry {
    display:block;
  }
  footer .espo_entry .espo_left {
    display: block;
    margin-bottom: 30px;
  }
  footer .espo_entry ul {
    display: block;
    padding-left: 0;
    margin: 0 auto;
  }
}


footer .footer_links {
  background: none;
  padding: 80px 0 67px;
  clear: both;
  overflow: hidden;
}

footer .footer_links h2 {
  float: left;
  width: 88px;
}
footer .footer_links h2 img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

footer .footer_links ul {
  margin: 0;
  float: right;
}
footer .footer_links ul li {
  margin-left: 37px;
  float: left;
  line-height: 26px;
}
footer .footer_links ul li:first-child {
  margin-left: 0;
}
footer .footer_links ul li a{
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
@media (hover: hover) {
  footer .footer_links ul li a:hover{
    border-bottom: 1px solid #fff;
  }
}
@media screen and (max-width: 1160px){
  footer .footer_links ul li {
    margin-left: 19px;
  }
}
@media screen and (max-width: 1070px){
  footer .footer_links h2 {
    float: none;
  }
  footer .footer_links ul {
    margin-top: 20px;
    float: none;
  }
}
@media screen and (max-width: 1000px){
  footer .footer_links ul li:nth-child(5) {
    clear: left;
    margin-left: 0;
  }
}

footer .footer_inner .copy {
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.08em;
}



/* Animation
==================================*/
.c-anim-up,
.c-anim-up02,
.c-anim-up03 {
  transform: translate(0, 30px);
  opacity: 0;
  transition: .3s ease;
}

.ue {
  transform: translate(0, -30px);
}
.hidari {
  transform: translate(30px, 0);
}
.migi {
  transform: translate(-30px, 0);
}

.move {
  transform: translate(0, 0);
  opacity: 1;
}

.delay1 {
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -ms-transition-delay: 300ms;
}

.delay2 {
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -ms-transition-delay: 600ms;
}

.delay3 {
  -moz-transition-delay: 900ms;
  -webkit-transition-delay: 900ms;
  -o-transition-delay: 900ms;
  -ms-transition-delay: 900ms;
}

.delay4 {
  -moz-transition-delay: 1200ms;
  -webkit-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
}

.delay5 {
  -moz-transition-delay: 1500ms;
  -webkit-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
}

.delay6 {
  -moz-transition-delay: 1800ms;
  -webkit-transition-delay: 1800ms;
  -o-transition-delay: 1800ms;
  -ms-transition-delay: 1800ms;
}

.delay7 {
  -moz-transition-delay: 2100ms;
  -webkit-transition-delay: 2100ms;
  -o-transition-delay: 2100ms;
  -ms-transition-delay: 2100ms;
}