/*
Theme Name: bee-responsive
Theme URI: http://vanidesign.blog.fc2.com/blog-entry-8.html
Description: WPを作成する際の基本テンプレート
Version: 1.0
Author: Vanillate
Author URI: http://vanillate.com/
*/

@import "css/style.css";

#footer{
	
	text-align: center;
	
}


@media all and (min-width:1024px) and (max-width:2560px) {
  /* ランドスケープモードのスマートフォン、ポートレートモードのタブレットまたはウィンドウ幅の狭いデスクトップ向けのスタイル
  */
  
  img { display: block; }
  
  
  #body_inner{
	width: 980px;
	text-align: left;
	margin: 0px auto;
}


#contents{
	width: 100%;
}

#main{
	
	width: 690px;
	float: left;
}

#side{
	width: 270px;
	float: right;
}

#side .col{
	
	padding: 0px !important;
	margin: 0px !important;
	width: 270px !important;
	font-size: 14px !important;
	padding-top: 20px !important;
}

#access-phone{
	
	display: none;
	
}

  
}



@media all and (min-width:600px) and (max-width:1024px) {
  /* ランドスケープモードのスマートフォン、ポートレートモードのタブレットまたはウィンドウ幅の狭いデスクトップ向けのスタイル
  */
  
img { display: block; }
.responsive {
  width: 100%;
  height: auto;
}
  
#body_inner{
	width: 100%;
	text-align: left;
	margin: 0px auto;
}


#contents{
	width: 100%;
}

#main{
	
	width: 100%;
}

#side{
	width: 100%;
	margin-top: 20px;
	background: #eee;
}

.col{
	
	font-size: 14px !important;
	background: #eee;
	padding-top: 20px !important;
}
  

#access-phone{
	
	display: none;
	
}


}



@media all and (min-width:480px) and (max-width:600px) {
  /* ７インチタブレット用
  */
  
img { display: block; }
.responsive {
  width: 100%;
  height: auto;
}
  
#body_inner{
	width: 100%;
	text-align: left;
	margin: 0px auto;
}


#contents{
	width: 100%;
}

#main{
	
	width: 100%;
}

#side{
	width: 100%;
	margin-top: 20px;
	background: #eee;
}

.col{
	/*7インチタブレットは２カラムに*/
	width: 48% !important;
	font-size: 14px !important;
	background: #eee;
	padding-top: 20px !important;
}
  

#access-phone{
	
	display: none;
	
}


}


@media all and (max-width:480px) {
  /* ポートレートモードのスマートフォン向けのスタイル */

  
img { display: block; }
.responsive {
  width: 100%;
  height: auto;
}


#body_inner{
	width: 100%;
	text-align: left;
}

#contents{
	width: 100%;
}

#main{
	
	width: 100%;
}


#header{
	
	text-align: center;
	
}

#access{
	
	display: none;
	
}

.col h3{
	
	margin-top: 10px;
	
}

.col{
	
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	
}

.col .textwidget{
	
	padding: 20px 0px;
	
}


ul#menu{
	
	margin: 0;
	padding: 0;
	position: absolute;
	top: 7px;
	left: 10px;
	list-style: none;
	
}




#menu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 5px;
  width: 200px;
  height: 20px;
  border: solid 1px #ccc;
  font-weight: bold;
  
  
}
#menu li:hover {
  color: #fff;
  background: #333;
}
#menu li ul {
  display: none;
  position: absolute;
  top: 42px;
  left: -1px;
  padding: 5px;
  width: 200px;
  background: #eee;
  border: solid 1px #ccc;
}
#menu li ul li {
  margin: 0;
  padding: 0;
  width: 200px;
  border: none;
}
#menu li ul li a {
  display: inline-block;
  width: 200px;
  height: 20px;
}
#menu li ul li a:hover {
  background: #999;
  color: #fff;
}



#menu li.topmenu{
	
	
  background: white url(images/list_bullets.png) 5px 5px no-repeat;
  width: 32px;
  height: 32px;
  border-radius: 5px;		/* CSS3草案 */
　-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
　-moz-border-radius: 5px;	/* Firefox用 */
 
}

.topmenu span{
	
	display: none;
}

#menu li.topmenu:hover{
	
	
  background: white url(images/list_bullets.png) 5px 5px no-repeat;
  width: 32px;
  height: 32px;
  
    border-radius: 5px;		/* CSS3草案 */
　-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
　-moz-border-radius: 5px;	/* Firefox用 */
	
}

  
}

/* @end */