@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_pc{display: none!important;}

/*
================================================================================================================
背景
================================================================================================================
*/

/*星空*/
#box_slider_bg01 .stars{
position:absolute;
width: 100%;
height:100%;
overflow: hidden;
pointer-events: none;
}
/* 星のスタイル */
#box_slider_bg01 .stars .star {
	background-attachment: fixed;
  position: fixed;
  display: block;
  background-color: #fff; /* 星の色 */
  border-radius: 50%;
  box-shadow: 0 0 4px 2px rgba(#fff, 0.2); /* 星の影 */
  opacity: 0;
  animation: twinkle 5s infinite;
	z-index: -2;
}
/* 星がキラキラ光るアニメーション */
@keyframes twinkle {
  0% {
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}

/*
================================================================================================================
メイン
================================================================================================================
*/
#flow_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) {
  #flow_area {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.00);
    position: relative;
  }
}

/*
================================================================================================================
コンテンツエリア
================================================================================================================
*/
#con_area {
  width:calc(100% - 50px);
  max-width: 1192px;
  min-height: auto;
  margin: 65px auto 30px auto;
	padding:0px;
	position: inherit;
}
@media screen and (max-width:799px) {
  #con_area {
  width:calc(100% - 30px);
    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(0,30,60,0.9);
	background-image: linear-gradient(0deg, transparent 9px, #469 10px), linear-gradient(90deg,  transparent 9px, #469 10px);
	background-size: 10px 10px;
  outline: solid 1px rgba(10,220,240,1.00);
 display: flex;
	flex-wrap: wrap;
}
#con_area .box_01 img{ width:calc(100% - 20px); border: solid 2px rgba(255,255,200,1.00); outline: solid 2px rgba(0,0,0,1.00); margin:10px  10px  10px  10px;}

.anchor_space{
	margin-top: -100px;
	padding-top: 100px; 
}
@media screen and (max-width:799px) {
#con_area .box_01 img{ width:calc(100% - 6px); border: solid 1px rgba(255,255,200,1.00); outline: solid 1px rgba(0,0,0,1.00); margin:3px  3px  3px  3px;}
.anchor_space{
	margin-top: -0px;
	padding-top: 0px; 
}
}


#con_area .box_01 .soon{display: none;}

/*
================================================================================================================
タイトル
================================================================================================================
*/

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