.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFFFFF;/*文字*/
  border: solid 2px #FFFFFF ;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #ed7d31 ;
  color: white;
}

.Image_TOP{
  position: relative;
  }

.Image_TOP img {
  width: 100% !important;
  margin-top:10px;
  }
.Image_TOP_s{
  position: relative;
  }

.Image_TOP_s img {
  width: 100%;
  }
@media screen and (max-width: 767px) and (orientation:landscape){
	body{
		margin:0;
	}
.top_header{
font-size: 4.375vw;/*300%; */
	top:0%;
	text-align:right;
	align-items: right ;
	height:30%;
	flex-direction: column;
	padding: 0.5em;
	margin:		0;

	font-family:'メイリオ', sans-serif;
	color:#ffffff;
	background-color:#73e600 ;

	}
.top_header{
	top:0px;
	z-index:24;


	}
.Nav_Common {
	list-style: none;
	justify-content:space-around;
	display:flex;
	flex-wrap: wrap;
	background:rgba(0,0,0,0);
	width:100%;
	flex-direction:row;
}
nav{
	list-style:none;
	background:rgba(0,0,0,0);
	text-align:center;
	position: sticky;
	margin-bottom: 0;
	top:23%;
	z-index: 1;
}
.Nav_Common div.Nav_Title{
	padding-top: 1em;
	padding-bottom: 1em;
	text-decoration: none;
	width:100%;
	color: #000;
	font-weight: bold;
}

div.list :hover {
background:#ffa500;
color:#FFF;
}

div  li.active{
background:#ffa500;
color: #ffffff;
cursor:default;
}

div .Nav_Common .list{
	border:2px solid #000;
	width:48.6%;
}

li.active div.Nav_Title{
	color:white;
}
a{
text-decoration: none;
}
.sidebar {
	
	order: 2;
}

.main {
	order: 1;
}
.Image_TOP{
display:none !important;
}
}