@charset "utf-8";

body#feature::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 {
width: 100%;
height: 100%;
	position: fixed;
	background-attachment: fixed;
background-color: rgba(67,5,94,1.00);
z-index: -1;
}
#box_bg01 {
width: 100%;
height: 100%;
	position:absolute;
/*background:url("../img/bg/");*/
background-color: rgba(0,20,40,0.00);
background-size: 600px;
background-repeat: repeat;
background-position: center top;
}
/*
================================================================================================================
コンテンツエリア
================================================================================================================
*/
#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% - 30px);
  max-width: 980px;
  min-height: auto;
  margin: 65px auto 15px auto;
	padding:0px;
	position: inherit;
}
@media screen and (max-width:799px) {
  #con_area {
    margin: 5px auto 15px auto;
	  flex-wrap: wrap;
  }
}

#con_area .box_01{
  width:100%;
  min-height: 100px;
  margin:0;
	position: inherit;
	padding: 10px  10px  10px  10px;
    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;
}
#con_area .box_01 img{ width:calc(100% - 0px);}
#con_area .box_01 img.waku{ outline: solid 3px rgba(240,224,10,1.00); margin:0px  0px  15px  0px;}

.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);
    }
}


/*--パララックス背景--*/
.cd-fixed-bg  {
/*height:66vw;*/
/*max-height:600px;*/
height:auto;
background-image: url("../img/bg/00_top_bg01.jpg");
background-attachment: fixed!important;
background-size:640px;
background-position: top center;
background-repeat: repeat;
display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
-webkit-animation: kira 20s linear infinite;/*chrome&safari*/
-moz-animation: kira 20s linear infinite;/*firefox*/
-ms-animation: kira 20s linear infinite;/*ie*/
animation: kira 20s linear infinite;
	}
/*バックグラウンド★アニメーション*/
@keyframes kira {
 0% {background-position: 0 -40px;}
 100% {background-position: 0px -640px;}
	}
/*chrome&safari*/
@-webkit-keyframes kira {
 0% {background-position: 0 -40px;}
 100% {background-position: 0px -640px;}
	}
/*firefox*/
@-moz-keyframes kira {
 0% {background-position: 0 -40px;}
 100% {background-position: 0px -640px;}
	}
/*ie*/
@-ms-keyframes kira {
 0% {background-position: 0 -40px;}
 100% {background-position: 0px -640px;}
	}