/*
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: 955px;
	text-align: left;
	margin: 0px auto;
}


#contents{
	width: 100%;
}


#main{
	
	width: 634px;
	float: left;
	padding-left: 10px;
	margin-bottom: 40px;
}

#side{
	width: 225px;
	float: right;
	margin-bottom: 40px;
	padding-left: 25px;
}

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

body#top{
	
	width: 100%;
	height: 100%;
}

body#top{
	
	margin: 0px;
	padding: 0px;
	position: relative;
  min-width: 956px;  /*中央配置するボックスの横幅*/
  min-height: 792px;  /*中央配置するボックス縦幅*/
	
}

body#top #body_inner{

width: 956px;
height:792px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -478px;
margin-top: -336px;

  
}

body#top #header{
	
	margin-top: 0px;
}



#access-phone{
	
	display: none;
	
}


.banner{height: 581px!important;}


body#about .about_contents,
body#link .about_contents{
	
	padding: 0px 160px;
	
}


body.events-gridview .title_schedule,
body.events-archive .title_schedule{
	
	width: 100%;
	padding: 15px 20px 5px 20px;
	text-align: left;
}


#custom-content{
	
	position: relative;
}


.mfp-close{
	
}

}




@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;
	
	border-top: 1px solid #ddd;
	margin-bottom: 40px;
}

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

#access-phone{
	
	display: none;
	
}

.banner{height: auto!important;}


body#about .about_contents,
body#link .about_contents{
	
	padding: 0px;
	
}



body.events-gridview .title_schedule,
body.events-archive .title_schedule{
	
	width: 100%;
	padding: 15px 20px 5px 20px;
	text-align: center;
}

.single_book_about{
	
	width: 100%!important;
}

.book_all{
	
	padding-left: 0px;
	
	
}


h3.book_all_series_in{

	margin-left: 0px;
}

h3.book_all_other{
	
	margin-left: 0px;
}




}



@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;
	border-top: 1px solid #ddd;
	margin-bottom: 40px;
}

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

#access-phone{
	
	display: none;
	
}

.banner{height: auto!important;}

body#about .about_contents{
	
	padding: 0px;
	
}



body.events-gridview .title_schedule,
body.events-archive .title_schedule{
	
	width: 100%;
	padding: 15px 20px 5px 20px;
	text-align: center;
}

.single_book_about{
	
	width: 100%!important;
}

.book_all{
	
	padding-left: 0px;
	
	
}


h3.book_all_series_in{

	margin-left: 0px;
}

h3.book_all_other{
	
	margin-left: 0px;
}


}


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

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


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

#contents{
	width: 100%;
	margin-top: 1.5em;
}

#main{
	
	width: 100%;
}


#header{
	
	text-align: center;
	
}

#access{
	
	/*display: none;*/
	
}

#menu{
	
	width: 100%;
}

#nav{
	
	float: none;
	position: relative;
	top: 5px;
	width: 90%;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	height: 2.7em;
	/*padding: 0.5em 0 1em 0 !important;*/
	padding-left: 1em;
	margin: 0px auto !important;
}



#nav .navi_about,
#nav .navi_schedule,
#nav .navi_books,
#nav .navi_blog,
#nav .navi_fans,
#nav .navi_nettv,
#nav .navi_link{
	
	display: block;
	width: auto;
	height: auto;
	padding: 0.5em 0.5em 1em 0.2em !important;
	
	
}

#nav .navi_about a,
#nav .navi_schedule a,
#nav .navi_books a,
#nav .navi_blog a,
#nav .navi_fans a,
#nav .navi_nettv a,
#nav .navi_link a{
	
	background: none;
	text-indent: 0;
	display: inline;
	
}

#nav .navi_about {
	
	padding-left: 1em;
}

#nav .twitter{
	display: none;
	
}

body#about #nav .navi_about a,
body.events-gridview #nav .navi_schedule a, body.events-archive #nav .navi_schedule a,
body#books #nav .navi_books a,
body.blog #nav .navi_blog a, body.single #nav .navi_blog a, body.category #nav .navi_blog a, body.author #nav .navi_blog a, body.tag #nav .navi_blog a,
body#fans #nav .navi_fans a,
body#nettv #nav .navi_nettv a,
body#link #nav .navi_link a{
	
	background: none;
	
}

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

.col{
	
	padding-bottom: 20px !important;
	
	border-bottom: 1px solid #ddd;
	
}

.col ul{
	
	padding-bottom: 20px;
}

.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用 */
	
}

.banner{height: auto!important;}

body#about .about_contents,
body#link .about_contents{
	
	padding: 0px;
	
}


body.events-gridview .title_schedule,
body.events-archive .title_schedule{
	
	width: 100%;
	padding: 15px 20px 30px 20px;
	text-align: center;
}

.tribe-events-month-nav,
.tribe-events-calendar-buttons{
	
	position: relative !important;

	
}

.single_book_about{
	
	width: 100%!important;
}

.book_all{
	
	padding-left: 0px;
	
	
}


h3.book_all_series_in{

	margin-left: 0px;
}

h3.book_all_other{
	
	margin-left: 0px;
}

.footer_copy{
	
	text-align: center;
	margin-top: 40px;
	float: none;
}

.blog_title_txt{
	
	margin-bottom: 20px;
	text-align: center;
	float: none;
	width: 100%;
}

.blog_title_txt h1{
	width: 100%;
}

.blog_title_txt img{
	
	margin: 0px auto;
	
}
  
}

/* @end */


@media only screen and (max-width:420px){

	.tribe-events-calendar thead{
		
		display: none;
	}

    .tribe-events-calendar th,
    .tribe-events-calendar tr{
        display: block;
        margin-bottom: 1.5em;
        width: 100% !important;
    }
    .tribe-events-calendar th,
    .tribe-events-calendar td{
        display: list-item;
        border: none;
        list-style: none;
        width: 100% !important;
        padding: 0 !important;
    }
    
    .tribe-events-calendar{
    
    	width: 100% !important;
    
    }
    
    .tribe-events-calendar td,
    .tribe-events-event{
	    
	    
	    padding: 0 !important;
	    
    }
    
    .tribe-events-calendar td
    .tribe-events-event{
	    
	    padding: 0 !important;
    }
}


@media only screen and (max-width: 420px) { 


	.blog_title_txt{
		
		text-align: left;
		
	}
	
	.blog_title_txt img{
		
		width: 80%;
		height: auto;
	}
	
	.title_schedule{
		
		text-align: center;
		padding: 0 !important;
	}
	
	.title_schedule img{
		
		width: 80%;
		height: auto;
		margin: 0px auto 1.2em auto;
	}
	
	.contents_inner{
		width: 95%;
		overflow: hidden;
	}
	
	body#about .menber_colum{
		
		width: 50% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		margin: 0 !important;
		text-align: center;
		height: 300px;
		
	}
	
	body#about .menber_colum img{
	margin: 0 auto;
	}
}