@charset "utf-8";




/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding: 0;
	}
	
	nav#mainNav .inner{width:100%;}
.flex {
	border-color: #666;
	-js-display: flex;
	display: none;
	display: flex;
	height: auto;
}
	#mainImg{margin-bottom:0;}
img{
	width: 100%;
	height: auto;
}
img.spimage{
	width: initial!important;
max-width:250px;
}


}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, #header, .inner{width:100%;}
#header .inner{	width: 100%;
	}
	#header h1, #header h2{padding:10px;}
	#headerInfo{padding-right:0px;}
/* ロゴ (サイトタイトル)
----------------------------------*/
#header p.group{
	padding-top: 10px;
	color: #3c2f13;
	margin-left: 0;
	margin-bottom: 0;
width:70%;
}
#header p img{
	width:100%;
max-width:640px;
height:auto;
}
#header #headerInfo p{
	font-size: 14px;
	text-align:left;
}


#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
/*	#banners{width:100%;margin:0 auto;text-align:center;}
	#banners p{width:30%; float:left;margin:0 1% 0 2%;}*/
#banners p img{width:100%;height:auto;}
	

	
.content{
	text-align: center;
	}
table.snstable{
	border: none;
	background-color: #EFEDE3;
	width: 648px;
	margin-left: auto;
	margin-right: auto;	
	}	
	
section.widget{
	width: 100%;
		max-width: 648px;
margin-left: auto;
	margin-right: auto;	
}
#contactBanner{
	width: 265px;
	height: 128px;
	background: url(images/qr_bg.png) no-repeat;
	padding-top: 14px;
	margin-left: auto;
	margin-right: auto;
}
#contactBanner img{
width:100px;
}
#wifiBanner{
width:265px;
height:128px;
background:url(images/wifi_bg.png) no-repeat;
padding-top:14px;
	margin-left: auto;
	margin-right: auto;
}
#wifiBanner img{
width:70px;
}
p.qrcord img,p.wifi img{
display:inline;
margin-left:20px;
}
#sidebanner{
	margin: 30px auto;
	width: 70%;
}

  /* 更新情報右側バナー
-------------*/
.main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin:0 auto 20px;
}
.main .col-index1 {
  border-radius: 5px;
  background: #c6b198;
  margin-right: 20px; 
  width:50%;
  height:auto;
}

.main .col-index2 {
	text-align: left;
  width: 50%;
}
  /* 更新情報
-------------*/
#newsbox{
	border: 3px solid #bb8620;
	margin: 5px 10px;
	padding: 0 10px;
	background-color: #F8F2D8;
	height:auto;
}
.newsTitle{
clear:both;
margin:10px 0 15px;
padding:5px 0;
border-bottom:2px solid #c0272d;
}

.newsTitle h3{
float:left;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
}

.news{
	padding-bottom:30px;
	overflow: scroll;
	}

.news dl{
	clear: both;
	padding-bottom: 2px;
	font-size: 100%;
	width: 98%;
	height: 150px;
}

.news dt{
color:#252525;
font-size:90%;
}

.news dd{
color:#624e24;
border-bottom: 1px dotted #bab48d;
margin-bottom:20px;
padding:5px 0;
}

.news dd a:hover{color:#927a49;}

/* トップページ 最新記事3件 + お勧め商品
------------------------------------------------------------*/
.thumbWrap{
	width: 100%;
	margin-right: -20px;
text-align:center;
}
.thumbWrap ul.thumb{
margin:0 auto;
}
.thumbWrap li{
float:left;
width: 30%;
margin:0 20px 0 0;
padding:2px 0 40px;
background:none;
}
.thumbWrap li img{
border:3px solid #bb8620;
}

/* ベリーダンスのページ
-------------*/

ul.hp_box2 li:first-child {
	padding-right: 20px;
	width: 30%;
}		
	/* メニューのページ
-------------*/
#arak{
	width:40%;
}
img.rbox_show{	width:150px;height:110px;}

	#footer{margin:0;border:0;text-align:center;}
	
	#footerLogo, #footer ul{
	float:none;
	width:auto;
	padding-bottom:20px;
	text-align:center;
	}
	
	#footer ul{
	padding-top:20px;
	border-top:1px solid #ccc;
	}
	
	#footer ul ul{padding-top:0;border:0;}	
}