@charset "UTF-8";

.wrap_img{
background: url(../img/mainimg.jpg) top center / contain no-repeat;
	}

.maru01{
  display: block;
}
.logo{
  text-align: center;
	margin: 0 auto;
}

.top_headimg{
  margin-top:50px ;
  position: relative;
}

.nead_maru01{
  position: absolute;
  top:100px;
  left: -200px;
}
.nead_maru02{
  position: absolute;
  top:157px;
  left: 00px;
}
.nead_maru03{
  position: absolute;
  top:-50px;
  right: 30px;
}
.nead_maru04{
  position: absolute;
  top:-100px;
  right: -80px;
}


.topinfo{
  display:flex;
  flex-wrap: wrap;
  border-top: 1px dotted #798D3C;
  line-height: 1.4;
    float: left;
	overflow:hidden;
    width: 100%;
}

.topinfo dl{
  display:flex;
  flex-wrap: wrap;
  width: 50%;
  border-bottom: 1px dotted #798D3C;
}
.topinfo dt{
  width: 130px;
  padding: 15px 0;
  margin: 0;
  box-sizing: border-box;
}
.topinfo dd{
  padding: 15px 0;
  margin: 0;
  width: calc(100% - 140px ) ;
  box-sizing: border-box;
}

.topinfo dd p{
  margin: 0;
  padding: 0 0 8px 0;
}

.topinfo dt img{
  border: 1px solid #eee;
}

.topinfo h3 {
  font-weight: 600;
  color: #8F9107;
  margin: 8px 0;
  padding: 0;
  line-height: 1.3;
}
.topinfo a:hover h3 {
  color: #0178bc;
}

.catego{
  text-align: center;
  color: #fff;
  font-weight: 600;
  padding: 3px ;
  font-size: 0.8rem;
  border-radius: 3px;
}

.cate_info{
  background: #417DA8;
}
.cate_event{
  background: #CA6869;
}
.cate_susami{
  background: #41591B;
}

ul.floor-info {
 display:flex;
  flex-wrap: wrap;
}
ul.floor-info li{
  width : calc(100% / 3 ) ;
  box-sizing: border-box;
  margin:10px  0%;
  list-style: none;
  padding: 20px;
  position: relative;
}

.amazon{
  position: absolute;
  top:150px;
  right: -5px;
  width: 100px ;
}

/********************************/
ul.engawa{
  margin: 0;
  padding: 0;
   display:flex;
  flex-wrap: wrap;
}
ul.engawa li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style: none;
}
ul.engawa li:first-child{
   width : 50% ;
}
ul.engawa li:nth-of-type(2){
   width :50% ;
  padding: 60px 0 0 30px;
}
/********************************/
ul.engawa_maru{
  margin: 0;
  padding-top: 15px;
   display:flex;
  flex-wrap: wrap;
}
ul.engawa_maru li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style: none;
}
ul.engawa_maru li:first-child{
   width : 50% ;
  padding: 60px 30px 0 0px;
}
ul.engawa_maru li:nth-of-type(2){
   width :50% ;
}

	.floormap{
		padding-bottom: 50px ;
	}

dl.topinfo_end{
  margin: 0;
  padding: 0;
  width: 100%;
   box-sizing: border-box;
  position: relative;
  border-top: 1px dotted #999;
}
dl.topinfo_end dt{
float: left;
     clear: left;
  padding: 15px 0 0 0;
  width: 160px;
}
dl.topinfo_end dd{
  margin: 0;
padding: 15px 0px 15px 180px;
  text-align: left;
border-bottom: 1px dotted #999;
}

dl.topinfo_end dd:after{
  display: block;
  clear: both;
  content:"";
}

@media (min-width: 768px) and (max-width: 1000px) {
	.topinfo dl{
  width : calc(92% / 2 ) ;
  box-sizing: border-box;
  margin:10px  2%;
}
  .amazon{
  position: static;
  width: 100px ;
}
  
}

@media screen and (max-width: 767px) {
	.topinfo dl{
  width : calc(92% / 2 ) ;
  box-sizing: border-box;
  margin:10px  2%;
}
	ul.floor-info li{
  width : calc(100% / 2 ) ;
  box-sizing: border-box;
  margin:0px;
  list-style: none;
  padding: 10px;
}

	ul.engawa li:nth-of-type(2){
   width :50% ;
  padding: 0px 0 0 15px;
}
	  .amazon{
  position: static;
  width: 100px ;
}
}

@media screen and (max-width: 480px) {
  .maru01{
  display: none;
}
		.topinfo dl{
  width : 100% ;
  box-sizing: border-box;
  margin:10px;
}
    .amazon{
  position: static;
  width: 100px ;
}
}


/***********************************
facebook
************************************/

a {color:#333;
	text-decoration: none;}

.fb-container{width: 100%;
    max-width: 1000px;
    display:block !important;
    padding:20px 0 20px 0;
    text-align: center;
    margin: auto;
}
.wrap {
  width: 100%;
    max-width: 1000px;
  height: 0;
  position: relative;
  padding-top: 56%;
  overflow: hidden;
    margin: 10% auto;
    
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
    max-height: 560px;
}

	.fb-page {
    display:block !important;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		height:450px;
}

/***********************************
w1200以上
************************************/
@media screen and (min-width: 1200px) {
.top_headimg{
  margin-top:100px ; 
	text-align: center;
}
	.logo img{
  width: 300px ;
}

  .amazon{
  position: absolute;
  top:190px;
  right: -5px;
  width: 100px ;
}
    .wrap {
    margin: 10% auto 0 auto;
    
}
  
}
/***********************************
w1200以上
************************************/
@media screen and (max-width: 1199px) {
	.top_headimg p{
		text-align: left;
}
	.top_headimg p br{
		display: none;
}
		.top_headimg strong{
		text-align: left;
}
	.logo img{
  width: 260px ;
}
  
  .nead_maru01,.nead_maru02,.nead_maru03,.nead_maru04{
    display: none;
  }
  
}

@media screen and (max-width: 320px) {
  .topinfo dl{
    flex-flow: column nowrap;
  }
.topinfo dt,
.topinfo dd{
    width: 100%;
  }
.topinfo dd{
    border-left: none;
  }
}