@charset "UTF-8";
/* CSS Document */

/*汎用クラス・基本設定*/
@import url("common.css");
/*header*/
@import url("header.css");
/*footer*/
@import url("footer.css");
/*content*/
@import url("content.css");
/*blog*/
@import url("blog.css");
/*callToAction*/
@import url("callToAction.css");
/*contacts*/
@import url("contacts.css");
/*ecommerce*/
@import url("ecommerce.css");
/*features*/
@import url("features.css");
/*gallery*/
@import url("gallery.css");
/*team*/
@import url("team.css");
/*intro*/
@import url("intro.css");
/*pricingTable*/
@import url("pricingTable.css");


/*======bootstrap拡張スタイル======*/
/*緑に白文字ボタン hoverは反転*/
.btn_custom_green{
	color: #fff;
  background-color: #079b70;
  border-color: #079b70;
}
.btn_custom_green:hover{
	color: #079b70;
  background-color: #fff;
  border-color: #079b70;
}

/*白に緑文字ボタン hoverは反転*/
.btn_custom_white{
	color: #079b70;
  background-color: #fff;
  border-color: #079b70;
}
.btn_custom_white:hover{
	color: #fff;
  background-color: #079b70;
  border-color: #079b70;
}

/*カラムのpaddingをなくす*/
.no_gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

/*背景緑・白文字*/
.bg_custom_green{
    background-color: #079b70;
    color:#fff;
}
/*背景グレー borderなし*/
.bg_custom_gray{
    background-color: #ddd;
    border: none;
}

/*文字緑*/
.text_custom_green,
.text_custom_green:link,
.text_custom_green:hover,
.text_custom_green:active,
.text_custom_green:visited
{
    color:#079b70;
}

/*googlemapレスポンシブ*/
.googlemap{
  position: relative;
  min-height: 200px;
}
.googlemap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body{
  background: #000;
  color: #fff;
  font-family: YuMincho,/* Mac用 */'Yu Mincho', /* Windows用 */"Sawarabi Mincho",serif;
}

/*全体を包む*/
#wrapper{
  width: 100%;
  background: #000;
  color: #fff;
  font-family: YuMincho,/* Mac用 */'Yu Mincho', /* Windows用 */"Sawarabi Mincho",serif;
  border-bottom:1px solid #333333;
}
/*左右のカラムを分ける*/
.left_container{
  float: left;
  width: 260px;
  background: #000;
}
/*.right_container{
    float: right;
    width: calc(100% - 260px);
}*/
@media (max-width: 1199px){
  .left_container{
    float: left;
    width: 220px;
    background: #000;
  }
  /*.right_container{
    float: right;
    width: calc(100% - 220px);
  }*/
}
@media (max-width: 920px){
  .left_container{
    float: left;
    width: 100%;
    background: #000;
  }
 /* .right_container{
    float: right;
    width: 100%;
  }*/
}
.left_container{

}
/*.right_container{
  border-left:1px solid #333333;
}*/
.img_wrapper{
  width: 100%;
  height: 100%;
  text-align: center;
}
.img_wrapper img{
  max-width:100%;
  /*width: auto;*/
}

/*nav{
 width: 110px;
 margin:0 auto;
}

nav ul{

}

nav ul li{
  font-size: 14px;
  text-align: left;
  line-height: 34px;
  letter-spacing: 3px;
  font-weight: normal;
  display: block;
  width: 100px;
}

nav ul li a{
  display: block;
  width: 110px;
  color: #fff;
  background-image: url(../images/list_bk.png);
  background-position: right;
  background-repeat: no-repeat;
}

nav ul li a:hover{
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}*/

.block{
  border-bottom: 1px solid #333333;
}

.bx-wrapper{
  border:none !important;
  background: #000000;
  box-shadow: none !important;
  margin-bottom:0 !important;
}
.bx-wrapper .bx-controls-direction a {
    margin-top: -62px !important;
    width: 64px !important;
    height: 124px !important;
}
.bx-wrapper .bx-prev{
background: url(../images/prev.png) -64px -124px !important;
}
.bx-wrapper .bx-next{
background: url(../images/next.png) !important;
}

/*歴史パーツ*/
#rekisi{
  background-image: url(../images/rekisi_bk.jpg);
  background-repeat: no-repeat;
  background-position: right;
  padding:100px 0;
}
#rekisi_container{
  text-align: center;
  margin:0 15px;
}
/*こだわりパーツ*/
#kodawari1{
  background-image: url(../images/kodawari1.png);
  background-repeat: no-repeat;
  background-position: left top;
  /*padding:100px 0;*/
  background-size: cover;
}
#kodawari1_container{
  text-align: center;
  margin:0 15px;
}

#kodawari2{
  background-image: url(../images/kodawari2.png);
  background-repeat: no-repeat;
  background-position: center;
  /*padding:100px 0;*/
  background-size: cover;
}
#kodawari2_container{
  text-align: center;
  margin:0 15px;
}

#kodawari3{
  background-image: url(../images/kodawari3.png);
  background-repeat: no-repeat;
  background-position: center;
  /*padding:100px 0;*/
  background-size: cover;
}
#kodawari3_container{
  text-align: center;
  margin:0 15px;
}

#kodawari4{
  background-image: url(../images/kodawari4.png);
  background-repeat: no-repeat;
  background-position: center;
  /*padding:100px 0;*/
  background-size: cover;
}
#kodawari4_container{
  text-align: center;
  margin:0 15px;
}

#kodawari5{
  background-image: url(../images/kodawari5.png);
  background-repeat: no-repeat;
  background-position: center;
  padding:100px 0;
  background-size: cover;
}
.kodawari5_container{
  text-align: center;
}

#kodawari6{
  background-image: url(../images/kodawari6.png);
  background-repeat: no-repeat;
  background-position: center;
  padding:100px 0;
  background-size: cover;
}
.kodawari6_container{
  text-align: center;

}

#kodawari7{
  background-image: url(../images/kodawari7.png);
  background-repeat: no-repeat;
  background-position: center;
  padding:100px 0;
  background-size: cover;
}
.kodawari7_container{
  text-align: center;

}

#recruit_pic{
  background-image: url(../images/tenpo.png);
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 192px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  background-size: cover;
  margin:50px 0;
}

#suv_nav{

}
#nav_bk1,#nav_bk2,#nav_bk3,#nav_bk4,#nav_bk5{
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#nav_bk1{
  position:relative;

}
#nav_bk2{
  position:relative;

}
#nav_bk3{
  position:relative;

}
#nav_bk4{
  position:relative;

}
#nav_bk5{
  position:relative;

}
#nav_bk1:hover,#nav_bk2:hover,#nav_bk3:hover,#nav_bk4:hover,#nav_bk5:hover{
  opacity:1;
}
#nav_bk1 a,#nav_bk2 a,#nav_bk3 a,#nav_bk4 a,#nav_bk5 a{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
.nav-link{
  color: #fff !important;
}

@media(max-width: 920px){
  nav{
    width: 100%;
  }
  nav ul li{
    width: 50%;
    float: left;
    padding:0 5%;

  }

  nav ul li:nth-child(1){

  }
  nav ul li:nth-child(2){

  }
  nav ul li:nth-child(2n){

  }
  nav ul li a{
  display: block;
  width: 80%;
  color: #fff;
  background-image: url(../images/list_bk.png);
  background-position: right;
  background-repeat: no-repeat;
}
.sp_100{
  width: 100%;
  height: auto;
}
}

footer{
  border:none;
  height: 400px;
  background: url(../images/footer_bk.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
footer a{
  color: #ffffff;
}
footer a:hover{
  color: #ffffff;
  opacity: 0.8;
  text-decoration: none;
}
.copy{
  font-size: 10px;
  letter-spacing: 2px;
}

.fadein {
    opacity : 0;
    transform : translate(0, 20px);
    transition : all 800ms;
}
.fadein2 {
    opacity : 0;
    transform : translate(0, 20px);
    transition : all 2000ms;
}
.fadein3 {
    opacity : 0;
    transform : translate(0, 20px);
    transition : all 3000ms;
}
.fadein4 {
    opacity : 0;
    transform : translate(0, 20px);
    transition : all 4000ms;
}

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

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

.fadein3.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.fadein4.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}


/*メニュー*/
.menu_list{
  border-right:1px solid #333333;
  border-bottom:1px solid #333333;
  border-left:1px solid #333333;
  padding-bottom: 15px;
}


table{
  margin:5%;
  width: 90%;
}
table tr{}
table tr td{
  padding: 20px;
  border:1px solid #333333;
}
.flex-container{
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}
#first{
  height: 100vh;
  width: 100%;
  background:url(../images/fig1.jpg);
  background-size: cover;
  background-position: center center;
  position: fixed;
  top:0;
  left: 0;
  z-index: 10001;
}
#second{
  height: 100vh;
  width: 100%;
  background-color: #000000;
  background-size: cover;
  background-position: center center;
  position: fixed;
  top:0;
  left: 0;
  z-index: 10000;
}

#logo1,#logo2{
  /*transition : all 1000ms;*/
  display: none;
  z-index: 10002;
}
.fadein_logo1{
  opacity : 1 !important;
}
.fadein_logo2{
  opacity : 1 !important;
}
#logo{
 /*width: 110px;
 margin:20px auto 100px;*/
}
#logo img{
 /* width: 100%;*/
}
#header{
  padding-top:40px;
/*  background: -moz-linear-gradient(#000000 80%, #111111);
  background: -webkit-linear-gradient(#000000 80%, #111111);
  background: linear-gradient(#000000 80%, #111111);*/
}
nav#gnav{
  width: 100%;
}

nav#gnav ul li.li02{
  float: left;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  letter-spacing: 3px;
  font-weight: normal;
  display: block;
  width: 20%;
}
nav#gnav ul li.li03{

}

nav ul li.li02 a{
  width: 100%;
  padding:40px 0;
  display: block;
  color: #fff;
  background-image: url(../images/list_bk.png);
  background-position: center right;
  background-repeat: no-repeat;
}

nav ul li.li02 a:hover{
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}
.bx-viewport{
  max-height: 600px;
}

.style1{
  background: url(../images/back.jpg);
  background-repeat: repeat;
  border:4px solid #A7762A;
  padding:1em;
  color: #333333;

}

/*フォーム*/
table tr td{
  vertical-align: top;
}
textarea{
  width: 60%;
  height: 300px;
}



/*header追加ここから*/
@media(max-width: 1024px){
  .gnav_pc{
      display: none;
  }
  #header{
    padding-top: 15px;
    padding-bottom: 15px;
  }

  footer{
  background-position: right top;
  }
}
@media(min-width: 1025px){
  #header button,.gnav_sp{
    display: none;
  }
}

.pc_show{
}

@media(max-width: 769px){
  .pc_show{
  display: none;
  }
}



.shoplist a{
  display: block;
  border: 1px solid #ffffff;
  text-decoration: none;
  color: #fff;
  padding: 1rem;
}
.shoplist a:hover{
  background-color: #ffffff;
  color: #000;
}
@media(max-width: 769px){
  .shoplist a{
    font-size: 12px;
  }
}