@charset "UTF-8";

@font-face {
  font-family: 'Sawarabi Mincho','Cormorant Garamond',serif;
  src:url(https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500,600);
  src:url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);
}

html{
  font-size: 62.5%;
  color: #707480;
  font-family: 'Cormorant Garamond','Sawarabi Mincho', serif;
}

a{
  text-decoration: none;
  color: #eaeaef;
}

body{
  margin: 0;
  padding:0;
  width: 100%;
}

main{
  width: 100%;
  overflow: hidden;
}

svg{
  margin-bottom: 2vw;
}

/*----------
  utility
------------*/

.main-width{
  /* width: 100%; */
  padding-left: 256px;
}

.wrapper{
  width: 864px;
  margin: 0 auto;
  padding: 80px;
}

.flex{
  display: flex;
  align-items: flex-end;
}

.pc{
  display: block;
}

.sp{
  display: none;
}

.top80{
  padding-top: 80px;
}

.bottom10{
  padding-bottom: 10px;
}

.bottom20{
  padding-bottom: 20px;
}

.bottom80{
  padding-bottom: 80px;
}

.bottom100{
  padding-bottom: 100px;
}

.text-center{
  text-align: center;
}

.text{
  font-size: 1.7rem;
  line-height: 3rem;
  box-sizing: border-box;
}

.number{
  font-family: 'Sawarabi Mincho';
}

.ss{
  margin-bottom: 2rem;
}

.link{
  color: #707480;
  text-decoration: underline;
}

.line{
  width: 864px;
  margin: 0 auto;
  padding-left: 80px;
  padding-right: 80px;
}

.shadow{
  text-shadow: 2px 2px 5px #42444b;
}

.letter0{
  letter-spacing: -0.3vw;
}

.fadein {
 		opacity: 0;
 		-webkit-transform: translate(0, 120px);
 		        transform: translate(0, 120px);
 		-webkit-transition: all 1000ms;
 		transition: all 1000ms;
 }

 .fadein.scrollin {
 		opacity: 1;
 		-webkit-transform: translate(0, 0);
 		        transform: translate(0, 0);
 }

/*------------
  LOADING
-------------- */
 #loader-bg {
   display: none;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   background: #000e3d;
   z-index: 200;
 }
 #loader {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   width: 200px;
   height: 200px;
   margin-top: -100px;
   margin-left: -100px;
   text-align: center;
   color: #cececd;
   z-index: 250;
 }


/*------------------
  gloval-navigation
--------------------*/

.gloval-nav{
  background-color:rgba(0,14,59,0.8);
  width: 256px;
  height: 100vh;
  position: absolute;
  z-index: 150;
  position: fixed;
  /* display: none; */
}

.logo-grey{
  margin: 40px 55px 40px 45px;
  width: 5vw;
}

.nav{
  font-size: 1.8rem;
  padding-bottom: 25px;
  padding-left: 60px;
  text-transform: uppercase;
}

.nav:before{
  content: url(../image/nav_footer/lily_icon.png);
  padding-right: 10px;
  position: relative;
  top: 3px;
}

.nav:hover a{
  color: #707480;
}

.nav:not(:nth-child(4)):hover:before{
  content: url(../image/nav_footer/lily_icon_hover.png);
}

.nav:hover:before:nth-of-type(4){

}

.nav-link:hover a{
  color: #707480;
}

.nav:nth-of-type(4){
  padding-bottom: 15px;
}

.nav-link{
  font-size: 1.5rem;
  text-transform: none;
  padding-bottom: 15px;
  padding-left: 100px;
}

.navigation-line{
    padding-left: 60px;
    padding-bottom: 25px;
}

.lt-grey{
  color: #eaeaef !important;
}

.facebook{
  font-size: 1.8rem;
  padding-left: 60px;
  text-transform: uppercase;
}

.facebook:before{
  content: url(../image/nav_footer/facebookicon.png);
  padding-right: 10px;
  position: relative;
  top: 3px;
}


/*---------
  FOOTER
-----------*/

.footer{
  background-color: #cacacd;
  width: 100%;
  height: auto;
  padding-top: 80px;
}

.footer-nav{
  font-size: 2rem;
  text-transform: uppercase;
  padding-bottom: 40px;
}

.footer-nav:nth-of-type(4){
  padding-bottom: 10px;
}

.footer-nav:nth-of-type(5){
  font-size: 1.5rem;
  text-transform: none;
  padding-bottom: 10px;
  padding-left: 15px;
}

.footer-nav:nth-of-type(6){
  font-size: 1.5rem;
  text-transform: none;
  padding-left: 15px;
}

.footer-nav > a{
  color: #707480;
}

.footer-nav > a:hover{
  color: #eaeaef;
}

.link-fb{
  padding-bottom: 80px;
}

/* .link-fb:before{
  content: url(common/image/nav_footer/facebookicon.png);
} */
.copy{
  padding-bottom: 20px;
}

/*------------
  hero-image
--------------*/

.hero-image{
  width: 100%;
  height :100% !important;
  background-size: cover;
  background-repeat: no-repeat;
}

/* .hero-image{
  width: 100%;
  height: 100%;
  background-image: url(../image/pc/home/hero_image1.png);
  background-position:center center;
  background-size:cover;
  background-repeat: no-repeat;
} */

.hero-image img{
  width: 100%;
}

.main-title{
  position: absolute;
  top: 34vh;
  left: 30vw;
  z-index: 150;
}

.logo-navy{
  padding-bottom: 25px;
  display: inline-block;
  width: 6vw;
}

.subtitle{
  color: #eaeaef;
  max-width: 1500px;
  font-size: 2.5vw;
  padding-bottom: 30px;
  letter-spacing: 0.07vw;
}

.main-title-lead{
  color: #eaeaef;
  max-width: 1500px;
  font-size: 1.3vw;
  line-height: 2vw;
}


/*------
  HOME
-------- */

.home-background{
  background: url(../image/pc/home/home_background2.png);
  background-size: cover;
  background-attachment: fixed;
}

.section-title{
  font-size: 4rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding-bottom: 80px;
}

.section-title:before{
  content:"" url(../image/pc/home/title_left.png);
  display: inline-block;
  width: 4vw;
  height: auto;
}

.section-title:after{
  content:"" url(../image/pc/home/title_right.png);
  display: inline-block;
  width: 4vw;
  height: auto;
}

.home-image1{
  padding-bottom: 10px;
}

.home-image2 >img:first-of-type{
  margin-right: 7px;
}

.home-image2-2{
  padding-bottom: 10px;
}

.home-image2-2 >img:first-of-type{
  margin-right: 7px;
}

.home-image1-2{
  padding-bottom: 0;
}

.stable-text,.feeding-text{
  padding-left: 80px;
}

.training-text{
  padding-right: 80px;
}

/* ---------
  TRAINER
----------- */

.trainer-main-image{
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* .trainer-main-image{
  width: 100%;
  height: 100%;
  background-image: url(../image/pc/trainer/trainer_mainimage.png);
  background-position:center center;
  background-size:cover;
} */

.trainer-main-image img{
  width: 100%
}

.title{
  font-size: 3.5vw;
  color: #eaeaef;
  position: absolute;
  top: 40%;
  left: 25%;
  z-index: 150;
  text-transform: uppercase;
}

.title > h2{
  padding-bottom: 20px;
}

.lead{
  font-size: 1.3vw;
}

.trainer-background{
  background: url(../image/pc/trainer/trainer_background2.png);
  background-size: cover;
  background-attachment: fixed;
}

.profile{
  align-items: flex-end;
}

.profile-image{
  padding-right: 80px;
}

.profile-title,.trainer{
  font-size: 2.4rem;
  margin-bottom: 30px;
}

.table-list{
  font-family: 'Sawarabi Mincho';
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: 0.07rem;
}

.table-content,.table-item1{
  padding-right: 20px;
  text-align: left;
}

.table-item2{

}

.trainer-image1{
  margin-bottom: 20px;
}


/*----------
  STAFF
-----------*/

.staff-main-image{
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.staff-main-image img{
  width: 100%;
}

.staff-background{
  background: url(../image/pc/staff/staff_background.png);
  background-size: cover;
  background-position-x: 0px;
  background-attachment: fixed;
}

.flex-wrap{
  flex-wrap: wrap;
}

.space-between{
  width: 80%;
  margin: 0 auto;
  justify-content: space-between;
}

.staff-text{
  margin-left: 20px;
  width: 210px;
  height: 260px;
  display:table;
}

.staff-comment{
  font-size: 2rem;
  line-height: 3rem;
  display: table-cell;
  vertical-align: middle;
  }

.staff-comment-en{
  font-size: 2.7rem;
  line-height: 4rem;
}

.staff-name{
  font-size: 2.3rem;
  margin-left: 20px;
  margin-bottom: 30px;
}

.staff-name:last-of-type{
  margin-bottom: 10px;
}

.staff-horse{
  font-size: 1.4rem;
  margin-left: 20px;
  margin-bottom: 10px;
  line-height: 1.5rem;
  letter-spacing: -0.1rem;
}

.staff-birthday{
  font-size: 1.4rem;
  margin-left: 20px;
  margin-bottom: 10px;
  letter-spacing: 0.05rem;
}

.staff-birthplace{
  margin-left: 20px;
  font-size: 1.4rem;
  margin-bottom: 5px;
}

.staff-birthplace span{
  letter-spacing: 0.08rem;
}
/*---------
  CONTACT
----------*/

.contact-main-image{
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.contact-main-image img{
  width: 100%;
}

.contact-background{
  background: url(../image/pc/contact/contact_background.png);
  background-size: cover;
  background-position-y: -60px;
  background-attachment: fixed;
}

.contact-yy{
  font-size: 3rem;
  margin-bottom: 30px;
  letter-spacing: 0.23vw;
}

.address{
  font-size: 1.8rem;
  letter-spacing: 0.23vw;
}

.maps{
  margin-left: 80px;
  margin-right: 80px;
}


/*---------------
  FOR OWNERS
-----------------*/

.forowners-main-image{
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.forowners-main-image img{
  width: 100%;
}

.forowners-background{
  background: url(../image/pc/forowners/forowners_background.png);
  width: 100vw;
  background-size: cover;
  background-position-x: 0px;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.forowners-image2{
  margin-top: 30px;
  margin-right: 30px;
}

.forowners-image3{
  margin-bottom: 30px;
}

/*-----------
  GALLERY
------------ */

.gallery-main-image{;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.gallery-main-image img{
  width: 100%;
}

.gallery-background{
  background: url(../image/pc/gallery/gallery_background.png);
  width: 100vw;
  background-size: cover;
  background-position-x: -85px;
  background-attachment: fixed;
}

.gallery-image1{
  margin-right: 20px;
}