@charset "utf-8";
body#feature00::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_pc{display: none!important;}

/*
================================================================================================================
背景
================================================================================================================
*/
#bg_area {
	top:0;
	left:0;
width: 100%;
height: 100%;
position: fixed;
background-attachment: fixed;
background-color: rgba(255,255,255,1.00);
z-index: -1;
}
#box_bg01 {
width:calc(100% + 30px);
height:calc(100% + 30px);
margin-top:-15px;
margin-left:-15px;
position:absolute;
background-image: url("../img/bg/top_bg01.jpg");
background-color: rgba(255,255,255,0.00);
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
}

.cd-fixed-bg  {
/*height:66vw;*/
/*max-height:600px;*/
background-image: url("../img/bg/top_bg01.jpg");
background-attachment: fixed!important;
background-size:cover;
background-position: top center;
background-repeat:no-repeat;
	}

/*--パララックス背景--*/
.cd-fixed-bg, .cd-fixed-bg01, .cd-fixed-bg02 {
  height: inherit;
  min-height: inherit;
  background-image: url("");
  background-size: auto;
  background-position: top center;
  background-repeat: repeat-x;
}
/*
================================================================================================================
コンテンツエリア
================================================================================================================
*/
#main_box{
width: 100%;
height: auto;
/*min-height: 480px;*/
/*max-height:640px;*/
margin: 0;
padding: 0;
background-color: rgba(0,0,0,0.00);
}
@media screen and (max-width:800px) {
#main_box{
width: 100%;
height:auto;
margin: 0;
padding: 0;
background-color:rgba(0, 20, 40, 0.00)!important;
}
}


/*
================================================================================================================
編集エリア
================================================================================================================
*/
.title{  width:96%;
	max-width: 800px;
	overflow: hidden;
  margin:0 auto;
	position: inherit;
	padding:0px 0px 10px 0px ;
    background-color: rgba(0,30,60,0.0);
	display: flex;
	align-items: flex-end;
    justify-content: center;
}

#con_area {
  width:calc(100% - 0px);
  min-height: auto;
  margin: 0px auto 0px auto;
	padding:0px;
	position: inherit;
}
@media screen and (max-width:799px) {
  #con_area {
    margin: 0px auto 0px auto;
	  flex-wrap: wrap;
  }
}

.flex01{
	display: flex!important;
	flex-wrap: wrap;
    justify-content: center;
}

#con_area .box_01,#con_area .box_02,#con_area .box_03{
    width:100%;
	height: 100%;
    min-height: 100px;
    margin:0;
    position: inherit;
    padding: 0px  0px  0px  0px;
    background-color: rgba(60,30,0,0.00);
    background-size: 10px 10px;
    outline: solid 0px rgba(240,224,10,0.00);
    display: flex;
    flex-wrap: wrap;
    background-attachment: fixed!important;
    background-size:cover;
    background-position: center center;
    background-repeat:no-repeat;
	justify-content: center;
	overflow: hidden;
}
#con_area .box_01{background-image: url("../img/bg/feature_bg01.jpg");}
#con_area .box_02{background-image: url("../img/bg/feature_bg02.jpg"); background-size:1800px; background-repeat:repeat;}
#con_area .box_03{background-image: url("../img/bg/feature_bg03.jpg");}
#con_area .box_01 img{ width:calc(100% - 0px); max-width: 1800px; min-width: 1000px; margin: auto;}
#con_area .box_02 img{ width:calc(128% - 0px); max-width: 1800px; min-width: 1280px; margin: 0px auto -4px auto!important;}
#con_area .box_03 img{ width:calc(100% - 0px); max-width: 1500px; min-width: 800px; margin: auto;}
#con_area .box_01 img.waku, #con_area .box_02 img.waku, #con_area .box_03 img.waku{ outline: solid 0px rgba(240,224,10,1.00); margin:0px  0px  -4px  0px;}

@media screen and (max-width:799px) {
  #con_area .box_01,#con_area .box_02,#con_area .box_03{
    padding: 0px  0px  0px  0px;
  }
#con_area .box_01 img, #con_area .box_02 img, #con_area .box_03 img{ width:calc(100% - 0px);min-width: 320px; margin: auto;}
}

.anchor_space{
	margin-top: -50px;
	padding-top: 50px; 
}
@media screen and (max-width:799px) {
.anchor_space{
	margin-top: -0px;
	padding-top: 0px; 
}
}

.fade_blur {
    /* 変化させたいプロパティと時間を指定 */
	-webkit-transition: all 1.0s;/*chrome&safari*/
    -moz-transition: all 1.0s;/*firefox*/
    -ms-transition: all 1.0s;/*ie*/
    transition: all 1.0s;
    filter: blur(10px); /* 初期値 */
}
.fade_blur.is-blurred {
    filter: blur(0px); /* 最終値 */
}

.bg_blur {
    /* 変化させたいプロパティと時間を指定 */
	-webkit-transition: all 1.0s;/*chrome&safari*/
    -moz-transition: all 1.0s;/*firefox*/
    -ms-transition: all 1.0s;/*ie*/
    transition: all 1.0s;
    filter: blur(0px); /* 初期値 */
}
.bg_blur.is-blurred {
    filter: blur(6px); /* 最終値 */
}

.blur{
	-webkit-transition: all 1.0s;/*chrome&safari*/
    -moz-transition: all 1.0s;/*firefox*/
    -ms-transition: all 1.0s;/*ie*/
    transition: all 1.0s;
    filter: blur(6px);
    &.scrollin{
      filter: blur(0);
    }
}