@charset "utf-8";

@media only screen{

}

.globNav-toggle{
display: inline-block;
vertical-align: middle;
}

.globNav-toggle > span{
display:inline-block;
padding:0 0.5em;
background:#000;
color:#fff;
font-weight:bold;
line-height:50px;
}
.globNav-toggle > span:before{
content: "\f0c9";
font-family: FontAwesome;
margin-right:0.5em;
}

#header{
	margin-top:50px;
}
#header .menu-mobile-nav-container{
	position: fixed;
	left: 80px;
	top: 10px;
	z-index: 1000;
}
#header .menu-mobile-nav-container li{
	display: inline-block;
}
#header .menu-mobile-nav-container li a{
	display: block;
	background: #A9988A;
	color: #fff;
	padding: 0 0.5em;
	border-radius: 3px;
	font-size: 14px;
	line-height: 1.8em;

}
.entry-content p{
line-height:1.5em;
margin:0 0 1em;
}


@media screen and (max-width: 999px) {
#header .description em{
		padding:0 2%;
		box-sizing: border-box;
		text-align:center;
}



#foot-shopinfo-main, #header-sub{
	max-width:100%;
}
.globNav-toggle,
#menu-mobile-nav{

	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 2%;
	box-sizing: border-box;
	width: 100%;
	width:auto;
 }
	
#access {
height:auto;
min-height:inherit;
background: url(images/bg-bk80.png) ;
position: fixed;
top:0;
left:0;
width:100%;
z-index:999;
}

#access > div.menu-mobile-nav-container{
	position:absolute;
	top:0;
	right:10px;
	display:block;
}
#access > div.menu-mobile-nav-container > ul#menu-mobile-nav li{
	display:inline-block;
	height:auto;
	padding:5px 0 0 5px;
	border: none;
}
#access > div.menu-mobile-nav-container > ul#menu-mobile-nav  a{
	line-height:40px;
	background-image:none;
	text-indent:inherit;
	color:#fff;
	text-shadow:none;
	border-radius:3px;
	width:auto;
	padding:0 0.5em;
	height:auto;
	background:rgba(0,97,145,1.00);
	border:1px solid #ccc;
	font-size:14px;
}


#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;
		text-shadow:none;
		font-size:15px;
	}

#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 .site_logo{
	padding-bottom:0.5em;
}

#foot-shopinfo-sub, #header-sub{
	display:block;
	max-width: 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 2%;
		float:none;
		box-sizing:border-box;
		width:auto;
 }
#breadcrumb{
		padding:0 2%;
		box-sizing: border-box;
	}
#footwidget-shopinfo{
	width:96%;
	margin-left:2%;
	margin-right:2%;
}
#foot-shopinfo-link{
	display: block;
}
#side-shopinfo{
	display:none;
}
#footer-widget-area{
	padding:1em 2%;
	box-sizing: border-box;
}
.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) {
	
.w50.r-box{
	padding-left:1%;
	width:48%
}
.w50.l-box {
	padding-right:1%;
	width:48%
}

#example-header .example-info-set.r-box{
	float: none;
	max-width: none;
}
	
	
#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 > span
	{
		float: none;
		margin-left:0;
		padding:1em;
	}
.posts.archive.category-parent-example .post.style-example,
.posts.archive.category-example .post.style-example{
	width: 46%;
	margin: 1em 2% 2em !important; 
	}
	
	
.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:100%;
	display:block;
	}

#inc-example .posts .post{
}
.beforeform .hublog-inquiry-tel{
	border: none;
}	

	
#fudo_header .r-box,
#fudo_header .l-box{
	width: 100%;
	float: none;
}
	#fudo-spec #bukken_spec .inbox > *{
		width: 98%;
	}
.archive.posts .post .thumbnail{
	max-width: 200px;
	width: 30%;
}
.posts.archive .post .metabox{
		width: 65%;
}
.posts.archive .post .metabox,
.posts.archive .post .thumbnail{
	margin-left: 0;
}
.posts.archive .post .metabox .inbox{
	margin-left: 0;
}
#footer-widget-area #foot_widget-first > li{
		width: 45%;
	}
}
@media screen and (max-width: 479px) {
.posts.archive.category-parent-example .post.style-example,
.posts.archive.category-example .post.style-example{
	width: 100%;
	margin: 1em 0 2em  !important; 
	}
.user_info,
.posts.archive .posts .post{
		width:100%;
}

.posts .post.style-headline .date, 
.posts .post.style-headline .title{
display: block;
width: auto;
}
.posts .post.style-headline .date{
font-size: 0.9em;
margin-bottom: 0.5em;
}

#inc-example .posts .post{
flex: initial;
width: 33%;
}
.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;
}
.posts.archive.category-parent-event .thumbnail,
.posts.archive.category-event .thumbnail{
	max-width: 300px;
	}

.posts .post .title.narrow{
		display: block;
}
.posts .post .title.wide{
		display: none;
}
.posts .post .thumbnail{
	text-align:center;
	width:100%;
	height:auto;
	max-height: none;
}

.archive.posts .post .thumbnail,
.archive.posts .post .metabox{
	float: none;
	margin: auto;
	width: 100%;
	max-width: none;
	}
	.archive.posts .post .metabox .inbox{
		margin-left: 0;
	}
	.archive.posts .post .thumbnail{
		max-width: 400px;
	}


.posts .post .attachment{
	display:block;
	width:100%;
	max-height:300px;
	height: auto;
	padding-top: 0;
}
.posts .post .attachment img{
	position: relative;
}
.posts .post .thumbnail .attachment img:hover{
	width: 100%;
    transform: translate3d(0, 0, 0);
	}

	
.posts .post .todetail a[rel="bookmark"],
.posts .post .todetail[rel="bookmark"]{
display: block;
	}
	
.posts .post .todetail [rel="bookmark"]{
	float:none;
	margin:auto;
	display: inline-block;
}
.posts .post.style-example{
		width:100%;
	}

.hublog-inquiry,
.inquiry-single
	{
	width:100%;
}
	
.wpcf7-form > p > b,
.wpcf7-form > p > b + br + span,
.wpcf7-form > p > b + br + span.input-area{
	width: 100%;
	text-align: left;
	margin: 0;
}
.wpcf7-form .clearfix .input-area > span,
.wpcf7-form .clearfix .input-area > div,
.wpcf7-form .clearfix .input-area > form{
margin-left:0;
	}

	.wpcf7-form > p > b{
		border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;

	}
	.wpcf7-form > p > b:before{
	content: "■";
	margin-right: 0.5em;
}
.wpcf7-form .clearfix .input-area .wpcf7-form-control-wrap,
.wpcf7-form > p > b + br + span.wpcf7-form-control-wrap{
	display: inline-block;
}
.w50{
		width:100%;
	}
.w50.r-box{
	padding-left:0;
	width:100%;
}
.w50.l-box {
	padding-right:0;
	width:100%;
}
	
.w33.r-box,
.w33.l-box,
.w66.r-box,
.w66.l-box,
.w33.r-img,
.w33.l-img,
.w66.r-img,
.w66.l-img{
	width: 100%;
	margin: auto;
	float: none;
	padding: 0;
}
.entry-content .w33.w200{
	margin: 1em auto;
	float: none;
	display: block;
	
}

	
#galleryslider .flexslider .slides li{
	padding-top: 100%;
}
	#bukken_plan .bukken_plan_cell{
	}
#footer-widget-area #foot_widget-first > li{
		width: 95%;
	}

.hublog-inquiry .profile_inquiry_tel .telnum,
.inquiry-single .profile_inquiry_tel .telnum{
font-size:26px;
}
	
#example-story .example-set:nth-child(even) .example-image,
#example-story .example-set:nth-child(odd) .example-image,
.example-set .example,
.voice-set .voice{
width:100%;
max-width: none;
float: none;
}
#example-story .example-set:nth-child(even) .example,
#example-story .example-set:nth-child(odd) .example,
.example-set .example-image,
.voice-set .voice-image{
width:100%;
max-width: none;
float: none;
}

}


@media screen and (max-width: 420px) {
.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;
}

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