@charset "utf-8";
body#top::before {
  background: auto;
  position: static;
  width: 0;
  height: 0;
}
/*-- 上下赤ライン --*/
#main_banner.line01, #banner_area.line01, #top-search.line01 {
  border-top: solid 3px rgba(172, 6, 9, 1.00);
  border-bottom: solid 3px rgba(172, 6, 9, 1.00);
}
/*-- 設置店検索非表示 --*/
#search_top {
  display: none !important;
}
/*
================================================================================================================
背景
================================================================================================================
*/
#box_slider_bg01 {
 width: 100%;
background:url("../img/bg/01_feature_bg01.jpg");
/*background-attachment: fixed;*/
background-color: rgba(0,0,0,1.0);
background-size:cover;
background-repeat: no-repeat;
background-position: left top;
padding: 0 0 0px 0;
}
@media screen and (max-width:800px) {#box_slider_bg01 {background:url("../img/bg/01_feature_sp_bg01.jpg");}}
#box_slider_bg02 {
  width: 100%;
  /*max-width: 1400px;*/
  margin: 0 auto;
  /*background:url("../img/bg/bg_star02.png");*/
  background-color: rgba(0, 20, 40, 1.00);
  background-size: 600px;
  background-repeat: repeat;
  background-position: center top;
}
.fixed-bg{
width: 100%;
height:100%;
/*min-height: 480px;*/
/*max-height:640px;*/
margin: 0;
padding:0;
background-color: rgba(255,255,255,0.00);
position: fixed;
background-attachment: fixed;
}
/*
================================================================================================================
メイン
================================================================================================================
*/
#feature_area {
  width: 100%;
  height: 100%;
  /*min-height: 480px;*/
  /*max-height:640px;*/
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.00);
  position: relative;
}
@media screen and (max-width:800px) {
  #feature_area {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.00);
    position: relative;
  }
}
#feature01, #feature02, #feature03 {
  width: 100%;
  height: auto;
  min-height: 10vw;
  position: relative;
  background-color: rgba(0, 0, 0, 0.00);
}
#feature01 {
  padding: 0 0 0px 0;
}
#feature02 {
  border-radius: 0px 0px 0 0;
}
@media screen and (max-width:800px) {
  #feature01, #feature02, #feature03 {
    width: 100%;
    height: auto;
    min-height: 20vw;
    position: relative;
    background-color: rgba(0, 0, 0, 0.00);
  }
  #feature01 {
    padding: 0 0 0px 0;
  }
  #feature02 {
    border-radius: 0px 0px 0 0;
  }
}

.target {
    padding-top: 20px!important; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -0px; /* heightと同じ分のネガティブマージン */
}
@media screen and (max-width:800px) {
.target {
    padding-top: 0vw; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -0vw; /* heightと同じ分のネガティブマージン */
}
}

/*--パララックス背景--*/
.cd-fixed-01 {
  /*height:inherit;*/
  min-height: inherit;
  padding: 0px;
}
.cd-fixed-02 {
  /*height:inherit;*/
  min-height: inherit;
  padding: 0px;
}
.cd-fixed-03 {
  /*height:inherit;*/
  min-height: inherit;
  padding: 0px;
}
.cd-fixed-end {
  /*height:inherit;*/
  min-height: inherit;
  padding: 0px;
}
.cd-fixed-hoshi {
  /*height:inherit;*/
  min-height: inherit;
  padding: 0px;
}
.bg-01 {
  background-image: url("../img/bg/01_feature_bg01.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.bg-02 {
  background-image: url("../img/bg/01_feature_bg02.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: repeat;
}
.bg-03 {
  background-image: url("../img/bg/01_feature_bg03.jpg");
  background-size: 100vw;
  background-position: center top;
  background-repeat: repeat-y;
}
.bg-04 {
  background-image: url("../img/bg/01_feature_bg04.jpg");
  background-size: 100vw;
  background-position: center top;
  background-repeat: repeat-y;
}

.feature-all{
width: 100%;
height:auto;
margin: 0;
padding: 0 0 5vw 0;
background-color: rgba(255,255,255,0.00);
position: relative;
}

.cd-box-01, .cd-box-02, .cd-box-03, .cd-box-04 {
width: 90%;
  max-width: 1064px;
  height: 100%;
  /*min-height:inherit;*/
  margin: 0 auto;
  /*padding:60px 0 0 0;*/
  line-height: 0;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
}
.cd-box-01 {
  padding: 60px 0 0px 0
}
.cd-box-02 {
  padding: 60px 0 0px 0
}
.cd-box-03 {
  padding: 60px 0 0px 0
}
.cd-box-04 {
  padding: 60px 0 0px 0
}
.box-img {
    width: 98%;
    margin: 10px auto;
    padding: 0;
}
@media screen and (max-width:800px) {
	.cd-box-01, .cd-box-02, .cd-box-03, .cd-box-04 {width: 96%;}
  .cd-box-01 {
    padding: 10px 0 0 0px
  }
  .cd-box-02 {
    padding: 20px 0 0 0px
  }
  .cd-box-03 {
    padding: 20px 0 0 0px
  }
  .cd-box-04 {
    padding: 20px 0 0 0px
  }
.box-img {
    width: 98%;
    margin: 0px auto;
    padding: 0;
}
}