@charset "utf-8";

@media only screen{

}

@media screen and (max-width: 979px) {
#header .description em{
		padding:0 5%;
		width:90%;
		text-align:center;
}

#foot-shopinfo-main, #header-sub{
	max-width:100%;
}
.globNav-toggle{
	display:block;
}
#access > div.menu-access-container{
	display: none;
}
.menu-access-container > .menu > li {
	float: none;
}

#content {
		margin-left:0;
		margin-right:0;
		float: none;
  }
#container {
    float: none;
    margin-left: 0;
		margin-right:0;
		padding:0 5%;
		box-sizing:100%;
		width:auto;
 }
	
#access {
		height:auto;
		min-height:inherit;
		border-top:1px solid #666;
		border-bottom:1px solid #666;
		background: none #222;
		color:#fff;
	}
#access > div > ul#menu-access > li {
		padding:0;
		border-bottom:1px solid #ccc;
		display: block;
		float:none;
	}
#access > div > ul#menu-access > li > a{
		width:100%;
		display:block;
		height: auto;
		line-height: 1.4em;
		padding:0.5em 1em;
		background:none transparent;
		background-image:none;
		text-indent:0;
		overflow: visible;
		white-space: inherit;
		border-right:1px solid #666;
		color:#fff;
	}

#access > div  ul ul{
	text-align:center;
	width:100%;
	max-width:none;
}


#gallery-set .targetable-gallery-target{
	float:none;
	margin:0 auto;
	width:100%;
}
#gallery-set .targetable-gallery{
	float:none;
	width:auto;
}
#gallery-set .targetable-gallery-target .gallery-target{
	width:100%;
	height:auto;
	margin-bottom:0.5em;
}


#foot-shopinfo-main,
#header-sub{
		width:100%;
		margin:0 auto;
		float:none;
		text-align:center;
	}

#header .sitetitle,
#foot-shopinfo-sub,
.menu-head_link-container,
#menu-head_link,
#menu-head_link-1,
#header .sitetitle .blogname,
.header-image,
#foot-shopinfo .profile_corporate_name	
	{
		margin:0 auto;
		float:none;
		text-align:center;
		
	}
	#header .sitetitle{
		padding-bottom: 0.5em;
}

#foot-shopinfo-sub, #header-sub{
	display:block;
	max-width: none;
}
	#header-sub{
		display: none;
	}
#foot-shopinfo-main .profile_address,
#foot-shopinfo-main .profile_tel-fax,
#foot-shopinfo-main .profile_tel-fax > span{
		display: inline-block;
	}
	#sidebar{
		padding:0 5%;
		float:none;
		box-sizing:100%;
		width:auto;
 }
#breadcrumb{
		width:100%;
	}
#footwidget-shopinfo{
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
#foot-shopinfo-link{
	display: block;
}
#side-shopinfo{
	display:none;
}
#footer-widget-area{
	width:90%;
	padding:1em 5%;
}
.sidebar .bnrs{
	margin-bottom:1em;
}

.sidebar .post.style-eventt{}
.sidebar .post.style-event .metabox{
	float:right;
	clear:none;
	margin-left:-280px;
	}
.sidebar .post.style-event .metabox .inbox{
	margin-left:280px;
}
.sidebar .post.style-event .title{
	margin:0 0 1em;
}
}

@media screen and (max-width: 699px) {
	
.r-img,
.l-img,
.r-box,
.l-box 
{
    float:none;
    padding-left: 0;
    padding-right:0;
		margin:0 auto
}
.r-img,
.l-img{
		text-align:center;
}
.w50.r-box{
	padding-left:1%;
	width:48%
}
.w50.l-box {
	padding-right:1%;
	width:48%
}


#gallery-set{
		width:100%;
		float:none;
	}
#gallery-set .example-meta,
#gallery-set + .example-meta > span,
#gallery-set + .example-meta > p
	{
		float: none;
		margin-left:0;
		padding-left:0;
	}

#addcontent-reform #reform-meta,
#addcontent-reform #reform-meta > div,
#addcontent-reform #reform-meta > span
	{
		float: none;
		margin-left:0;
		padding-left:0;
	}

.posts .post.style-example{
		width:45%;
	}
.example-set .example,
.example-set .example-image,
.voice-set .voice,
.voice-set .voice-image
	{
		float:none;
		width:100%;
	}
.hublog-inquiry-btn,
.popup .hublog-inquiry-tel,
.popup .inquiry-single-tel
	{
		display:block;
		float:none;
		margin:0 auto 0.5em;
		width:auto;
		text-align:center;
	}
.beforeform .hublog-inquiry-tel,
.beforeform > .message {
	width:90%;
	display:block;
	}

#inc-example .posts .post{
}
}
@media screen and (max-width: 479px) {
#content .posts .post.style-example .thumbnail,
#content .post.style-example .title{
	max-width: none;
}
.user_info,
.posts .post{
		width:100%;
}

.user_info .metabox,
.user_info .metabox .inbox,
.posts .post .metabox,
.posts .post .thumbnail{
	float:none;
	margin:auto;
}

.sidebar .posts .post.style-thumb_title .metabox{
	float:right;
}
.sidebar .posts .post.style-thumb_title .thumbnail{
	float:left;
}


.sidebar .post.style-event .thumbnail{
	float:none;
}
.sidebar .post.style-event .metabox{
	float:none;
	clear: both;
	margin-left:0;
	}
.sidebar .post.style-event .metabox .inbox{
	margin-left:0;
}
.sidebar .post.style-event .title{
	margin:0.5em 0 1em;
}
.user_info .metabox,
.user_info .metabox .inbox,
.posts .post .metabox .inbox{
	margin:0;
}

.user_name{
	float:right;
	margin-left:-120px;
	height:100px;
	width:100%;
}

.user_name .inner{
	margin-left:120px;
}

.posts .post .thumbnail{
	text-align:center;
	width:100%;
	height:auto;
	max-height: none;
}

.posts .post .attachment{
	display:block;
	width:100%;
	max-height:300px;
}
.posts .post .attachment img{
	height:100%;
	width: auto ;
	max-height:300px;
	max-width:100%;
	position: relative;
}

 .posts .post.style-events .thumbnail  {
width: 30%;
}
 .posts .post.style-events .metabox  {
width: 65%;
}
 .posts.recent .post.style-events  .thumbnail,
 .posts.recent .post.style-events  .metabox{
width: 100%;
}


.posts .post.style-example{
		width:100%;
	}
.posts .post .metabox{
	width:100%;
	padding-left:0;
	padding-top:0.5em;
}
.hublog-inquiry,
.inquiry-single
	{
	width:100%;
	}
.wpcf7-form .clearfix {
width:100%;
margin:0.2em auto;
padding-left:0;
display: block;
}
.wpcf7-form .clearfix b,
.wpcf7-form .clearfix .input-area{
		display:block;
		width:100%;
	}
.wpcf7-form .clearfix .input-area{

	}
.wpcf7-form .clearfix .input-area > span,
.wpcf7-form .clearfix .input-area > div,
.wpcf7-form .clearfix .input-area > form
	{

		display:block;
	}
.wpcf7-form .clearfix .wpcf7-form-control,
.wpcf7-form .clearfix .wpcf7-textarea,
.wpcf7-form .clearfix .wpcf7-text{
	max-width:90%;
	}
	.w50{
		width:100%;
	}
.w50.r-box{
	padding-left:0;
	width:100%;
}
.w50.l-box {
	padding-right:0;
	width:100%;
}

}


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

	#global-header .sitetitle img.header-image{
		width:90%;
		height:auto;
	}
}