@media screen and (max-width:640px){
/**
 * 1.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

html {
-webkit-tap-highlight-color:rgba(0,0,0,0);
}
body {
	background-position: -9999px 0;
}
#content {
	background:#FFF;
	min-width:100%;
	width:100%;
}

section {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	padding:30px 0 30px;
	background:#FFF;
	min-width:100%;
	width:100%;
}

section article {
	border-bottom:#e0e0e0 2px solid; 
	margin:0 auto;
	overflow:visible;
	padding:48px 0 68px;
	max-width:100%;
	width:100%;

}

section h3{
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 0 30px;
	background-size:auto 100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
section#blog h3{ background-image:url(../images/sp/header_blog.png); height:22px;}
section#gallary h3{ background-image:url(../images/sp/header_gallary.png); height:22px;}
section#profile h3{ background-image:url(../images/sp/header_profile.png); height:22px;}

section article h4 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px;

}
section article .carousel {
	margin:0 0 0 -70px;	
}
hr.divider {
	border:none;
	display:block;
	border-bottom:#f6f6f6 2px solid;
	height:0px;
	background:0;
	line-height:0;
	font-size:0;
	max-width:85%;
	margin:0 auto;
}





#page {
	position:relative;
	overflow:hidden;
	padding:58px 0 0;
	
}


/**
 * 2.0 Header
 * ----------------------------------------------------------------------------
 */


#header {
	height:58px;
	clear:both;
	position:fixed;
	top:0;
	left:0;
	float:none;
	overflow:hidden;
	background:#FFF;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	z-index:1000;
	width:100%;
}
#header h1{
	margin: 19px auto 0;
	width:100%;
	height:25px;
	background:url(../images/sp/title_sally2.png) center top no-repeat;
	background-size:auto 100%;
}
#header h1 span{
	display:none;
}

#header p#description{
	display:none;
}
#header ul {
	display:none;
}
#main {
	padding:0;
	
}
#main.fixed {
	padding:0 0;
	
}

/**
 * 3.0 Navigation
 * ----------------------------------------------------------------------------
 */

.nav {
	display:none;
	position:fixed;
	left:0px;
	top:58px;
	width:100%;
	background:#FFF;
	z-index:9999;
	overflow:visible;
	float:none;
	clear:both;
}


#drop_navi {
	position:absolute;
	background:url(../images/sp/navi_bt.png);
	background-size:100% 100%;
	right:19px;
	top:19px;
	width:20px;
	height:15px;
	display:block;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.nav #menu-nav{
	width:100%;
	overflow:visible;
	float:none;
	clear:both;
	position:relative;	
}
.nav li{
	text-align:center;
	margin:0 auto;
	border-bottom:2px solid #e1e1e1;
	width:85%;
}
.nav li:last-child{
	border-bottom:none;
}
.nav li a{
	font-size:0px;
	line-height:0;
	text-indent:100%;
	display:block;
	background-image:url(../images/sp/navi_splite.png);
	background-repeat:no-repeat;
	width:100%;
	height:40px;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.nav li#menu-item-94 a { background-position:center 0px; }
.nav li#menu-item-95 a { background-position:center -42px; }
.nav li#menu-item-96 a { background-position:center -84px; }
.nav li#menu-item-97 a { background-position:center -126px; }
.nav li#menu-item-98 a { background-position:center -168px; }




/**
 * 4.0 Content
 * ----------------------------------------------------------------------------
 */





/* VISUAL */



section#visual {
	font-size:0;
	line-height:0;
	padding:0;
	background:none;
	width:100%;
}
section#visual img{
	width:100%;
}


/* BLOG */
section#blog {
	border:none;
	position:relative;
	overflow:hidden;
	height:auto;
	background:#f2f2f2;
}
section#blog #blog_bg{
	display:none;
}
section#blog article{
	width:100%;
	border:none;
	padding: 0 0 0;
}

#blog_left {
	position:relative;
	overflow:hidden;
	text-align:center;
}
#blog_left img {
	width:85%;
}
#blog_left span{
    position:absolute;
    display:block;
	left:0;
	top:0;
	z-index:100;
    width:100%;
    height:100%;
    background-image:url(../images/spacer.gif);
}

#blog_right {
	width:85%;
	margin:0 auto;
	color:#000;
	position:relative;
	overflow:hidden;
}
#blog_right time{
	display:block;
	margin:0 0 30px;
	font-size:12px;
	line-height:20px;
	color:#000;
}
#blog_right h4{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	margin:0 0 20px;
	color:#000;
	text-align:left;
}
#blog_right h4 a{
	color:#000;
	font-size:18px;
	font-weight:bold;
	line-height:20px;	
}
#blog_right #blog_sentence{
	font-size:12px;
	line-height:20px;
	color:#000;
	overflow:hidden;
	margin:0 0 140px;
}
#blog_right #blog_sentence a{
	text-decoration:underline;
	color:#000;	
}
#blog_right #blog_sentence .exerpt{
	height:auto;
}
#blog_right #blog_sentence .full{
	height:auto;
	display:none;
}

#to_past_posts {
	text-align:center;
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
}
#to_past_posts a{
	text-align:center;
	text-decoration:underline;
	font-size:12px;
	line-height:20px;
	color:#000;
}

section#blog .more {
	position:absolute;
	left:50%;
	bottom:65px;
	margin:0 0 0 -42px;
	cursor:pointer;
	width:84px;
	height:83px;
	background:url(../images/more_bt.png) left top no-repeat;
	font-size:0;
	line-height:0;
	text-indent:100%;
	white-space:nowrap;
	text-align:left;
}


/* CONCERT */

section#concert {
	font-size:0;
	line-height:0;
	padding:0;
	background:#B29352;
	width:100%;
}
section#concert article{
	padding:45px 30px 60px 30px;
	float:none;
	clear:both;
	width:100%;
	border:none;
	position:relative;
	height:auto;
}
section#concert article div{
	
}
section#concert article div div{
	position:relative;
	overflow:visible;
}
section#concert article div h3{
	height:19px;
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 20px;
	background-size:auto 100%;
}
section#concert article div h3{ background-image:url(../images/sp/header_topics.png); }

section#concert article div ul {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	height:	130px;
	margin:0 0 0;
}
section#concert article div ul li{
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
	margin:0;
	color:#fff;
	font-size:9.5px;
	letter-spacing:0em;
	line-height:26px;
	white-space:nowrap;
}
section#concert article div ul li time {
	margin:0 15px 0 0;
	display:none;
}
section#concert article div ul li a{
	color:#fff;
}
section#concert article div #show_more_bt {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
section#concert article div #show_more_bt span{
	display:block;
	margin:0 auto;
	width:100%;
	height:10px;
	text-align:left;
	text-indent:100%;
	white-space:nowrap;

	background:url(../images/show_more.png) center top no-repeat;
	cursor:pointer;
	position:absolute;
	bottom:-30px;
	left:0;
}
section#concert article div #show_more_bt_up{
	display:none;
	margin:0 auto;
	width:100%;
	height:10px;
	text-align:left;
	text-indent:100%;
	white-space:nowrap;

	background:url(../images/topics_arrow_up.png) center top no-repeat;
	cursor:pointer;
	position:absolute;
	top:-15px;
	left:0;
}



/* GALLARY */

section#gallary article {
	padding:44px 0 22px;
	border-bottom:#e0e0e0 2px solid; 
	max-width:100%;
	width:85%;
	margin:0 auto;
	overflow:visible;
}
section#gallary article#snap_4 {
	border-bottom:none;	
}
section#gallary .flexslider .slides li a {
	pointer-events: none;
}


/* PROFILE */

section#profile {
	height:auto;
	width:100%;
	background:url(../images/sp/sp_profile_bg01.png) left top no-repeat;
	background-size:100% auto;
}
#profile_bg {
	display:none;
}
section#profile article {
	position:relative;
	padding:0;
	border-bottom:none; 
	max-width:100%;
	width:100%;
	margin:0 0 0;
	overflow:visible;
	padding:0;
}
section#profile article h3{
	margin:0 0 30px;
}

section#profile div#profile_wrap {
	height:auto;
	padding:0 0 30px;
}
section#profile article h4{
	line-height:1.4em;
}

section#profile div#profile_main {
	font-size:12px;
	letter-spacing:0.1em;
	line-height:16px;
	margin:250px 40px 0;
}





/* SINGLE */


#single-page {
	position:relative;
	overflow:hidden;
	padding:0;
	
}


#single-header {
	width:100%;
	margin:0 auto;
	padding-top: 20px;
	border-bottom: 1px solid #ddd;
}
	#single-header .alignleft{
	}
	#single-header .alignright{
		margin-bottom: 20px;
		width: 160px;
	}


#single-header h1{
	width:auto;
	height:25px;
	margin:0;
	padding:0;
	background:url(../images/blog_logo2.png) left top no-repeat;
	background-size:auto 100%;
}
#single-header h1 span{
	display:none;
}


#single-header p#description {
	width:160px;
	margin-top: 10px;
	color: #777;
	font-size:12px;
	padding:0;
}

#single-main {
	width:90%;
	margin:0 auto;
	padding-top:50px;
	overflow:visible;
	min-height:330px;
	background:#FFF;
	font-size:14px;
}

.post a , #sidebar a {
	border-bottom: 1px solid #000;
	color: #000;
	text-decoration: none;
}

.post a:hover , #sidebar a:hover {
	border-bottom: 1px solid #B29352;
	color: #B29352;
}

#single-contents {
	width:100%;
	height:auto;
}

#sidebar {
	width:100%;
	height:auto;
}

#single-contents,
#sidebar{
	margin-bottom: 30px;
	border-bottom: 1px solid transparent;
}

#single-contents .post,
#single-contents .page{
	overflow: hidden;
	margin-bottom: 30px;
	border-bottom: 1px solid transparent;
}

#single-contents .post-archive{
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
}

#single-contents h2{
	font-size:1.2em;
	line-height:125%;
	margin-bottom: 10px;
	font-weight:normal;
	color: #B29352;
}

#single-contents h2 a{
	color: #B29352;
	text-decoration:none;
	border:none;
}



#single-contents h2#archiv{
	font-size:1.6em;
	line-height:125%;
	padding-bottom: 10px;
	margin-bottom: 50px;
	border-bottom: 2px solid #B29352;
	font-weight:normal;
	color: #B29352;
}

#single-contents h2 a:hover{
	color: #B29352;
	border-bottom: 1px solid #B29352;
}


.sticky{
	/* �擪�Œ�|�X�g�̃X�^�C�� */
}

.post-meta{
	margin-bottom: 2.5em;
	margin-top: 1.0em;
	font-size:12px;
}
	.post-meta .post-date,
	.post-meta .category{
		padding-right: 1em;
	}
	.comment-num{ white-space: nowrap; }

.single-post-meta{
	margin-bottom: 1.0em;
	margin-top: 1.0em;
	font-size:12px;
}
	.single-post-meta .post-date,
	.single-post-meta .category{
		padding-right: 1em;
	}

ul.single-social{
	margin-bottom: 2.5em;
}

ul.single-social li{
	float:left;
	padding-right:1em;
}
	

.more-link{
	float: right;
}


.post-navigation {
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.post-navigation > div{
		width: 50%;
	}

	.post-navigation .alignright{
		text-align: right;
	}

	.post-navigation a{
		display: block;
		padding: 1em;
		border: none;
		color: #000;
	}
		.post-navigation a:hover{
			background: #E0F5FD;
			color: #000;
		}
			.post-navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}


/* sidebar */

#sidebar h2{
	font-size:14px;
	color:#B29352;
	line-height:100%;
	margin-bottom: 10px;
}
.widget{
	margin-bottom: 60px;
}

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar .widget ul li{
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}






/**
 * 5.0 Footer
 * ----------------------------------------------------------------------------
 */

#footer {
	padding:30px 0 20px;
	font-size:14px;
	line-height:14px;
	background:#FFF;
	position:relative;
	border-top:#e0e0e0 2px solid; 
}
#footer p{
	text-align:center;
	font-size:12px;
	line-height:14px;
	color:#666;
}
#footer p a{
	font-size:12px;
	line-height:14px;
	color:#666;
}
.to_top {
	display:none;
}


/**
 * 6.0 .flexslider
 * ----------------------------------------------------------------------------
 */


.flexslider {
	overflow:visible;
	float:none;
	clear:both;
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
}

.flexslider .slides {
	overflow:hidden;
	float:none;
	clear:both;
	position:relative;
}

.flexslider .slides li {
	float:left;
	width:auto;
	margin:0;
	font-size:0;
	line-height:0;	
	overflow:hidden;
}

.flexslider .slides li a{
	display:block;
	width:100%;
	margin:0 0 0 0;
	overflow:hidden;
	position:relative;
	text-align:center;
	font-size:0;
	line-height:0;
	height:100%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 100%;
	/*pointer-events: none;*/
}

.flex-direction-nav a {
  position: absolute;
  top: 46%;
  font-size:0px;
  line-height:0;
  text-decoration: none;
  text-align:left;
	text-indent:100%;
	white-space:nowrap;

  display:block;
  width:16%;
  height:14%;
  background-size:auto 100%;
}

.flex-direction-nav .flex-prev {
  left:-7%;
  background:url(../images/sp/left_arrow_bt.png) left top no-repeat;
  background-size:auto 100%;
}

.flex-direction-nav .flex-next {
  right:-7%;
  background:url(../images/sp/right_arrow_bt.png) right top no-repeat;
  background-size:auto 100%;
}

.flex-control-paging {
	display:none;
}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:#cccccd; cursor: pointer; 	text-indent:100%;
	white-space:nowrap; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

#video .flex-control-paging li a {
	font-size:0;
	line-height:0;
	text-align:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.flex-control-paging li a:hover { background:#2d2e32; }
.flex-control-paging li a.flex-active { background:#2d2e32; cursor: default; }


}

/* - clear ------------ */

.clear {
	clear: both;
	height: 1px;
	min-height: 1px;
}