@charset "utf-8";
/**
* common.css 
*/



/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
*    without disabling user zoom.
*/

html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}

/**
* Remove default margin.
*/

body {
margin: 0;
}

/* HTML5 display definitions
========================================================================== */

/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
display: none;
height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/

[hidden],
template {
display: none;
}

/* Links
========================================================================== */

/**
* Remove the gray background color from active links in IE 10.
*/

a {
background-color: transparent;
transition: all 0.5s ease 0s;
}

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/

a:active,
a:hover {
outline: 0;
}

/* Text-level semantics
========================================================================== */

/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/

dfn {
font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/

h1 {
font-size: 2em;
margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
background: #ff0;
color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/* Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9/10.
*/

img {
border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/

svg:not(:root) {
overflow: hidden;
}

/* Grouping content
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari.
*/

figure {
margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
box-sizing: content-box;
height: 0;
}

/**
* Contain overflow in all browsers.
*/

pre {
overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

/* Forms
========================================================================== */

/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/

/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/

button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
font: inherit; /* 2 */
margin: 0; /* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/

button,
select {
text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

input {
line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/

input[type="search"] {
-webkit-appearance: textfield; /* 1 */
box-sizing: content-box; /* 2 */
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
font-weight: bold;
}

/* Tables
========================================================================== */

/**
* Remove most spacing between table cells.
*/

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

ol,
ul {
list-style: none;
padding-left:0;
margin:0 0;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clearfix:after,
.wrapper:after,
.format-status .entry-header:after {
clear: both;
}
.clearfix:before,
.clearfix:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
}

/*hublog*/



.hidden{
display:none;
}


.clear{
clear:both;
float:none;
}
body.logged-in .login_hidden{
display:none;
}


.flexbox{
	width:100%;
	max-width:1200px;
	margin: auto;
	padding-left:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.flexbox > *{
	box-sizing: border-box;
	width:24%;
	margin:0.45%;
	vertical-align:top;
	position:relative;
}

.flexbox > .flex15{
	width:15%;
	margin:0;
}

.flexbox > .flex20{
	width:20%;
	margin:0;
}

.flexbox > .flex25{
	width:25%;
	margin:0;
}

.flexbox > .flex30{
	width:30%;
	margin:0;
}

.flexbox > .flex35{
	width:35%;
	margin:0;
}

.flexbox > .flex40{
	width:40%;
	margin:0;
}
.flexbox > .flex45{
	width:45%;
	margin:0;
}
.flexbox > .flex50{
	width:50%;
	margin:0;
}
.flexbox > .flex55{
	width:55%;
	margin:0;
}
.flexbox > .flex60{
	width:60%;
	margin:0;
}
.flexbox > .flex65{
	width:65%;
	margin:0;
}
.flexbox > .flex70{
	width:70%;
	margin:0;
}
.flexbox > .flex75{
	width:75%;
	margin:0;
}
.flexbox > .flex80{
	width:80%;
	margin:0;
}

.stack-box{}


.stack-box .stack-label{
    position: relative;
    z-index: 20;
    display: block;
/*    cursor: pointer;*/
	padding: 0.5em;
	border: 1px solid #ccc;
	text-align: center;
	background: #E5E1DF;
}
.stack-box input:checked + label,
.stack-box input:checked + label:hover{
    background: #847169;
	color: #fff;
}
.stack-box input{
    display: none;
}

.stack-box .stack-content{
    overflow: hidden;
	height: auto;
    position: relative;
	max-height: 0px;
	opacity: 0;
	margin-bottom: 5em;
}
.stack-box input:checked + .stack-label + .stack-content{
	transition:  1s;
	max-height: 9999px;
	opacity: 1;
}

.stack-box label:after{
content: "を表示　\f0d7";
font-family: FontAwesome;
}
.stack-box label:before{
content: "\f0d7　";
font-family: FontAwesome;
}

.stack-box input:checked + label:after{
	content: "を閉じる　\f0d8";
　font-family: FontAwesome;
}
.stack-box input:checked + label:before{
	content: "\f0d8　";
　font-family: FontAwesome;
}

.round{
	display: block;
	border-radius: 50%;
	overflow: hidden;
}
/*  Image
******************************************************************************/

.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment .entry-caption {
margin-top: 8px;
margin-top: 0.571428571rem;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #757575;
}


img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
max-width: 100%;
height: auto;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment .entry-caption {
margin-top: 8px;
margin-top: 0.571428571rem;
}
img#wpstats {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.714285714rem;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}

.gallery-caption a {
display: inline;
}
.wp-caption {
max-width: 100%;
padding: 4px;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */


.l-img{
float:left;
padding: 0 2rem 1rem 0;
}

.r-img{
float:right;
padding: 0 0 1rem 2rem;
}



img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}


img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}


.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 5px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
padding: 0 4px 5px;
margin: 0;
}


.overtext{
display:block;
text-indent:110%;
overflow:hidden;
white-space:nowrap;
*	text-indent:-9999px;
}
.overtext.title{
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	border:none;
}
.overtext.w100{
	width:100%;
}


.slidecaption{
	display:block;
	position:relative;
	width:auto;
	height:auto;
	overflow:hidden;
}
.slidecaption .caption{
	position:absolute;
	bottom:-100%;
}
.slidecaption:hover .caption{
	bottom:0;
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:1%;
	background:rgba(0,0,0,0.60);
	color:#fff;
	margin:0;
	font-size:1em;
	line-height:1.4em;
	
	-webkit-transition: .3s;
	transition: .3s;
}


/* End captions */


/*Layout
******************************************************************************/
#page {
clear:both;
margin:0 auto;
padding:0;
background:#FFF;
}

.wrapper{
max-width:1000px;
margin:0 auto;
}

a {
color:#069;
text-decoration:none;
outline: none;
}

a:hover {
color:#F60;
text-decoration:underline;
}

a:hover img{
opacity:0.85;
}

acronym,abbr {
border-bottom:1px dashed #999;
}

acronym,abbr,span.caps {
cursor:help;
}

blockquote {
padding-left:20px;
border-left:5px solid #ddd;
margin:15px 30px 0 10px;
}

blockquote cite {
display:block;
margin:5px 0 0;
}

/*FONT*/
body{
/*font-family:Arial,Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","Helvetica Neue",sans-serif;*/
font-family: "Meiryo UI", "Hiragino Sans", "Yu Gothic UI", "MS PGothic", "Hiragino Kaku Gothic ProN", sans-serif;
font-size:62%;
color:#333;
}
.mincho{
/*font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho Pro","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing:0.1em;
line-height:1.7em;
}

.mincho.bold,
.mincho_b{
/*font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/
font-weight: bold;
letter-spacing:0.1em;
}

.tahoma{
font-family: Tahoma, Geneva, sans-serif;
}

.century_goth{
font-family: Century Gothic,'Avenir-Book', sans-serif;
}


#main{
font-size:1.5em;
line-height:1.4em;
}
#footer,
#header{
font-size:1.2em;
}


.sidebar,
#footer,
#header,
#single-left{
}
#main{
margin-top:15px;
}

@media screen and (min-width: 1000px) {
#header .menu-mobile-nav-container{
	display: none;
}

#container{
width:100%;
margin-left:-280px;
float:left;
}

#content{
margin-left:280px;
}

}

/*Header
*************************************************************************/
#header {
padding:0;
}

#header .description {
background:#eee;
margin:0;
font-weight: normal !important;
color:#666;
}
#header .description em{
font-size:13px;
line-height:1.6em;
font-style:normal;
display:block;
}

#header .sitetitle{
display: block;
float:left;
margin:0;
padding:1em 0 0;
}
#header .sitetitle .blogname{
}
#header .sitetitle .site_logo,
#header .sitetitle .profile_site_comment{
	display:inline-block;
	vertical-align: bottom;
}
#header .sitetitle .profile_site_comment{
	margin:0 1em;
}


#header .sitetitle .profile_site_comment{
}


#global-header .sitetitle img.header-image{
width: inherit;
max-width:inherit;
display:block;
}

#foot-shopinfo-sub,
#header-sub{
float: right;
padding: 0 0 10px;
display:inline-block;
max-width:350px;
text-align:center;
}
#foot-shopinfo-link{
	display:none;
}

.contact-tel{
padding-left:10px;
}

#header-sub .profile_inquiry_tel,
#foot-shopinfo-sub .profile_inquiry_tel{
display: inline-block;
text-align:center;
padding:1em 0 0;
*	display:inline;
	zoom:1;
}


.hublog-inquiry .telnum,
.profile_inquiry_tel .telnum{
font-size:28px;
display: inline-block;
*	display:inline;
	zoom:1;
}
.hublog-inquiry .telnum i,
.profile_inquiry_tel .telnum i{
	margin-right:0.3em;
}
.hublog-inquiry .profile_inquiry_tel > span{
	padding:0 0.5em;
}


.opning-hour-day{
text-align: center;
}
#foot-inquiry,
#menu-header_link {
text-align: center;
padding:5px;
}

#foot-shopinfo-sub .menu-item,
#header-sub .menu-item{
display:inline-block;
padding-left:10px;
text-align:left;
*	display: inline;
	zoom:1;
}
#menu-head_link{
text-align:right;
}


#foot-shopinfo-sub .menu-item a,
#header-sub .menu-item a{
margin:0 auto;
padding-left:10px;
background:url(images/arrow.png) 0 center no-repeat;
}
#foot-shopinfo-sub .telnum:before{
content: "\f10b";
font-family: FontAwesome;
margin-right:0.3em;
}


.opning-hour-day .profile_opening_hours,
.opning-hour-day .profile_holiday{
display:inline-block;
*	display:inline;
	zoom:1;
white-space:nowrap;
padding:3px;
}
#access {
background: url(images/access-bg.png) 0 0 repeat-x ;
clear:both;
float:none;
z-index: 999;
}


.menu-access-container{
overflow: hidden;
}
.menu-access-container > .menu > li {
float: left;
}



#access > div :after
{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}
#access > div {
max-width:980px;
margin: 0 auto;
padding:0;
overflow: visible;
clear:both;
}



#access > div  ul ul{
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
display: none;
float: left;
padding: 0 5px 5px;
position: absolute;
}

#access > div  > ul ul:hover{
display:block;
}


#access > div > ul a {
display:block;
white-space: nowrap;
}
#access > div  > ul li{
display:block;
}
#access > div  > ul li li{
clear:both;
}

#access > div  > ul li li a{
background:#eee;
color:#333;
border-bottom:1px dotted #999;
padding:0.8em 1.5em;
line-height:1.4em;
}
#access > div  > ul li li a:hover{
background-color:#999;
color:#fff;
text-decoration: none;
}


#access > div  > ul > li{
float:left;
height:auto;
margin:0;
padding:0;
list-style:none;
}

#access > div  > ul > li > a {
display:block;
background: url(images/access.png) 0 0 ;
padding:0 10px;
color:#000;
text-decoration:none;
text-align:center;
text-shadow: 1px 1px 1px #fff;
white-space:nowrap;
height:30px;
}
#access > div  > ul > li > a:hover{
background-position: 0 -50px;
}
#access > div > ul > li > a:hover + ul{
	display:block;
}

@media only screen and (min-width: 999px){
.menu-access-container{ display: block!important;}
}

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

.globNav-toggle > span{
padding:0.3em 1em;
background:#333;
color:#fff;
font-weight:bold;
}


.globNav-toggle{
display:none;
}

#access > div.menu-mobile-nav-container{
	display:none;
}


/*Layout
*************************************************************************/






#content:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

* html #content,*+html #content {
zoom:100%;
}
* html #content             { zoom: 1; } /* IE6 */
*:first-child+html #content { zoom: 1; } /* IE7 */





#sidebar{
float: right;
width:260px;
padding:0;
}

#sidebar-home{
float:left;
width:260px;
padding:0;
margin-top:0;
}




#right {
float: right;
margin-bottom: 15px;
margin-left: 0;
margin-top: 15px;
padding-right: 10px;
width: 230px;
}



/* 幅広 */
#container.widecolumn{
margin-left:0;
}
#container.widecolumn #content{
width: 100%;
margin-left:0;
}



h1,
h2,
h3,
h4,
h5,
h6{
}


/*Home
*************************************************************************/

/*FLEXSLIDER*/
#slideshow{
position:relative;
width:100%;
}
.flickity-viewport{
}
.flickity-viewport .post{
	width: 100%;
	max-width: 1000px;
}
.flickity-viewport .post a{
	display: block;
}
.flickity-viewport .post img{
	display: block;
	width: 100%;
	height: auto;
}

.flexslider .bookmark-image{
width:100%;
height:auto;
}
.flexslider .slides li{
position:relative;
}


.flex-control-nav{
position: absolute;
text-align:center;
margin:0 auto;
display:block;
top:0.5em;
z-index:10;
width:100%;
}

.flex-control-nav li{
display:inline-block;
padding:0.3em;
*	display:inline;
	zoom:1;
}
.flex-control-nav li a{
display:block;
margin:0 auto;
width:1em;
height:1em;
border-radius:1em;
background:#fff;
box-shadow:0 0 3px #666;
text-indent:110%;
overflow:hidden;
white-space:nowrap;
}

.flex-control-nav li a.active,
.flex-control-nav li a:hover{
background-color:#333;
box-shadow:0 0 3px #fff;
}

.flexslider .slides{
position:relative;
z-index:9;
}
.flexslider .slides li a,
.flexslider .slides li a img{
	display:block;
}

.flexslider .flex-direction-nav{
position:absolute;
top:40%;
width:100%;
}

.flexslider .flex-direction-nav li{
}
.flexslider .flex-direction-nav li a{
position: absolute;
background:url(images/controls.png);
display:block;
opacity:0.5;
width:32px;
height:32px;
text-indent:110%;
overflow:hidden;
white-space:nowrap;
z-index:10;
}
.flexslider:hover .flex-direction-nav li a{
opacity:1;
}

.flexslider .flex-direction-nav a.prev{
left:0.5em;
background-position:0 0 ;
}

.flexslider .flex-direction-nav a.next{
right:0.5em;
background-position:-43px 0 ;
}

#slideshow .slide-name{
display:none;
position: absolute;
bottom:0;
background:rgba(0,0,0,0.50);
padding:1% 1%;
width:98%;
color:#fff;
}

/*FLICKITY*/

.js-flickity img.size-full,
.js-flickity img.size-large,
.js-flickity img.header-image,
.js-flickity img.wp-post-image {
max-width:none;
}
#slideshow .flickity-page-dots{
	bottom: 1em;
	left: 0;
	right: 0;
}

.home{}

#home-title h1.title{
	font-size:1.1rem;
	font-weight:normal;
}

#home-eyecatch{
padding-bottom:15px;
margin-bottom:20px;
}


/*home-bukken*/
.posts .post.style-home-bukken .attachment img {
    height: 100%;
}

.posts .post.style-home-bukken .attachment img:hover{
	height: 110%;
	width: auto;
}




/*SIDEBAR
*******************************************************************************************/
/*SsideBarNavigation*/


.sidebar .widget-area .widget-container{
margin-bottom:10px;
}


.sidebar .menu-item > a{
display:block;
background:url(images/sidebar-navi_arrow-1.png) 0 center no-repeat;
padding:5px 5px 5px 25px;
border-bottom:1px solid #ccc;
}
.sidebar .widget-area .menu-item a:hover {
opacity:0.7;
}

.sidebar .menu-item > ul a{
background:url(images/sidebar-navi_arrow-2.png) 0 center no-repeat;
display:block;
padding:3px 5px 3px 20px;
border-bottom:1px dotted #ccc;
}


.sidebar .widget-area .widget-title{
padding:11px 0 0 20px;
letter-spacing: 0.2em;
}
 
.widget-container.widget_search .screen-reader-text{
	width: 1.8em;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
}
.widget-container.widget_search .screen-reader-text:before{
content: "\f002";
font-family: FontAwesome;
margin-right: 2em;
	display: inline-block;
	vertical-align: middle;
	background: #ccc;
	color: #fff;
	border-radius: 3px;
	padding: 0 0.4em;
	line-height: 1.8em;
}
.widget-container.widget_search input{
	display: inline-block;
	vertical-align: middle;
}

/*絞込み*/
.search-refinement{
background: url(images/search-refinement-bg.png) 0 bottom no-repeat;
height: auto;
margin-bottom:10px;
}
.search-refinement h3{
background: url(images/search-refinement-bg.png) 0 0 no-repeat;
height:50px;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
}
.search-refinement h3 + .reset-button{
background:none;
height:auto;
text-indent:inherit;
white-space:normal;
}


.search-refinement .reset-button input[type="submit"]{
background: url(images/search-refinement-reset.png) 0 0 no-repeat;
display:block;
height:50px;
width:50px;
border:none;
float:right;
margin-right:5px;
text-indent:150%;
white-space: nowrap;
overflow:hidden;
padding-top:50px;
}

.reset-button input[type="submit"]{
margin-top:5px;
}
.search-refinement .reset-button input[type="submit"]:hover{
background-position:0 -50px;
cursor:pointer;
}
.search-refinement h3 + .reset-button input[type="submit"]{
margin-top:-55px;
}




.search-refinement ul{
clear:both;
padding:10px 0;
text-align:right;
}
.search-refinement ul select{
width:65%;
}
.search-refinement li{
padding:5px 10px;
}
.search-refinement li select.gt,
.search-refinement li select.lt{
width:30%;
}


.search-refinement ul span{
font-size:12px;
color:#000;
}

.search-refinement-selecter{
padding:15px 5px 5px;
}

.search-refinement .message{
background:#fff;
text-align:center;
color:#900;
font-weight:bold;
font-size:1.2em;
padding:0 0 15px ;
}
.search-refinement .message .count{
font-weight:bold;
font-size:1.3em;
}


/*pre-search*/


.pre-search-refinement + .searef_widget{
clear:both;
}

.pre-search-refinement{
padding-bottom:3px;
}
.pre-search-refinement li{
display:block;
padding:1px;
margin:auto;
float:left;
}
.pre-search-refinement li a{
display:block;
height:30px;
text-indent:110%;
overflow:hidden;
white-space:nowrap;
opacity:0.65;
}


.pre-search-refinement.pre-search-sell a{
background:url(images/pre-search-btn-sell.png) no-repeat ;
}

.pre-search-refinement li a:hover,
body.term-sell .pre-search-refinement li a,

body.term-newhouse .pre-search-refinement li.pre-search-newhouse a,
body.term-usedhouse .pre-search-refinement li.pre-search-usedhouse a,
body.term-usedcondo .pre-search-refinement li.pre-search-usedcondo a,
body.term-ground .pre-search-refinement li.pre-search-ground a,
body.term-sellothers .pre-search-refinement li.pre-search-sellothers a,

body.term-rent .pre-search-refinement li a,
body.term-apertment .pre-search-refinement li.pre-search-apertment a,
body.term-renthouse .pre-search-refinement li.pre-search-renthouse a,
body.term-rentoffice .pre-search-refinement li.pre-search-rentoffice a,
body.term-parking .pre-search-refinement li.pre-search-parking a,
body.term-rentothers .pre-search-refinement li.pre-search-rentothers a

{
opacity:1.0;
}


.pre-search-refinement li.pre-search-newhouse a{
background-position:0px 0;
width:128px;
}

.pre-search-refinement li.pre-search-usedhouse a{
background-position:-130px 0;
width:128px;
}
.pre-search-refinement li.pre-search-usedcondo a{
background-position:-260px 0;
width:96px;
}
.pre-search-refinement li.pre-search-ground a{
background-position:-360px 0;
width:96px;
}
.pre-search-refinement li.pre-search-sellothers a{
background-position:-460px 0;
width:62px;
}



.pre-search-refinement.pre-search-rent a{
background:url(images/pre-search-btn-rent.png) no-repeat ;
}

.pre-search-refinement li.pre-search-apertment a{
background-position:0px 0;
width:128px;
}

.pre-search-refinement li.pre-search-renthouse a{
background-position:-130px 0;
width:128px;
}
.pre-search-refinement li.pre-search-rentoffice a{
background-position:-260px 0;
width:96px;
}
.pre-search-refinement li.pre-search-parking a{
background-position:-360px 0;
width:96px;
}
.pre-search-refinement li.pre-search-rentothers a{
background-position:-460px 0;
width:62px;
}




/* POSTS  Archive Category  Index 一覧
*******************************************************************************************/

.posts .post{
position:relative;
line-height:1.4em;
}

.posts.archive .post{
margin:0 0 2em;
padding:0.5em;
position:relative;
border-bottom:1px dotted #ccc;
}


.posts .thumbnail{
text-decoration:none;
display:block;
float:left;
position:relative;
}


.posts .post .thumbnail{
margin:auto;
display:block;
overflow: hidden;
width: 100%;
max-width: 160px;
position: relative;
}
.posts .post .attachment{
	padding-top: 100%;
	height: 1px;
	display: block;
position: relative;
} 
.posts .post .attachment img{
height: auto;
transition: all 0.5s ease 0s;
width: 100%;
max-height: none;
max-width: none;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.posts .post .thumbnail  .attachment img:hover{
    transform: translate3d(-5%, -5%, 0px);
	width:110%;
}


.posts .post .title{
display:block;
margin:0 0 1em;
font-size:1.1em;
line-height:1.6em;
}
.posts .post .title.narrow{
		display: none;
}



.posts .post .title a{
color:#000;
}
.posts .post .metabox{
float:right;
width:100%;
margin-left:-220px;
}

.posts .post .metabox .inbox{
margin-left:220px;
}
.posts .post .tmb-icon{
display:block;
position:absolute;
top:-1px;
left:-1px;
}

.posts .post .tmb-icon.new{
top:5px;
left:-1px;
background:url(images/icon_new.png) 0 0 no-repeat;
width:31px;
height:12px;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
z-index: 99;
}
.posts .post.style-headline .tmb-icon{
	position: relative;
	margin-bottom: 0.5em;
}


.posts .post .post-edit-link{
position:absolute;
top:-1em;
right:-1em;
border:1px solid #999;
padding:0 0.3em;
background:#fff;
z-index:999;
}
#slideshow .posts .post .post-edit-link{
	bottom: 0;
	top: inherit;
}

/*STYLE-BUKKEN*/

.posts .post.style-bukken{
	padding-bottom: 2em;
	margin-bottom: 3em;
}

.posts .post.style-bukken .spec_excerpt{
	border-bottom: 1px solid #ccc;
}
.posts .post.style-bukken .todetail{
	text-align: center;
}

/*.bukken-status */
.bukken-status .sale-status-offer{
padding:2px;
display:block;
margin:0 0 5px;
}
.sale-status-offer.shoudanchu{
background:#069;
color:#fff;
}

.sale-status-offer.soldout{
background: #CC8080;
color:#fff;
	text-align: center;
	box-sizing: border-box;
	
}


.posts .post .attachment{
}

.toindex,
.posts .post .to_detail,
.posts .post .todetail{
clear:both;
display:block;
}
.posts .post .todetail a[rel="bookmark"],
.posts .post .todetail[rel="bookmark"]{
margin: auto;
color:#fff;
padding:0.4em 1em;
line-height:1.8em;
border-radius:4px;
text-decoration:none;
background-color:#4E3328;
opacity: 0.7;
}



.posts .post .todetail a[rel="bookmark"]:before,
.posts .post .todetail[rel="bookmark"]:before{
content: "\f054";
font-family: FontAwesome;
font-size:0.8em;
color:#fff;
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 1px dotted #ccc; 
display: inline-block;
line-height: 1.2em;
	opacity: 1;
}



.toindex a:hover,
.posts .post .todetail a[rel="bookmark"]:hover,
.posts .post .todetail[rel="bookmark"]:hover{
	text-decoration:none;
	opacity:0.85;
}

.post .postmetadata{
clear:both;
text-align:right;
line-height:1.8em;
}


.btn a,
.entry-content .btn a{
	background-color:#4E3328;
	display:inline-block;
	border-radius:3px;
	padding:0.7em 2em;
	color:#fff;
	text-decoration:none;
	margin-bottom:0.5em;
}
.btn a,
.entry-content .btn a{
	opacity: 0.7;
}
.btn a:hover,
.entry-content .btn a:hover{
	opacity: 1;
transition: .3s;
}



.arrow.btn{
	margin:auto;
	text-align:center;
}
.arrow.btn a:before{
content: "\f054";
font-family: FontAwesome;
font-size:0.8em;
color:#fff;
margin-right:1em;
}
a.arrow:before{
content: "\f054";
font-family: FontAwesome;
font-size:0.8em;
margin-right:0.5em;
color:#333;
}
a.arrow{
	font-family:inherit;
}
a.down:before{
content: "\f078";
font-family: FontAwesome;
font-size:0.8em;
margin-right:0.5em;
}


/*page post index 共通
*******************************************************************************************/

.psot .date{
font-size:11px;
}

#breadcrumb{
padding:0 0 0.5em;
font-size:0.8rem;
color:#777;
}
#breadcrumb h1,
#breadcrumb h1.entry-title{
display:inline-block;
font-weight:normal;
font-size:0.9rem;
border:none;
padding:0;
}


#breadcrumb ul{
display:inline-block;
}
#breadcrumb li,
#breadcrumb li span{
display: inline-block;
padding-right:0.5em;
}


#breadcrumb a{
color:#666;
}
#breadcrumb a:hover span{
text-decoration:underline;
}


.narabikae-item-box > .title{
display:block;
margin-bottom:20px;
}

.narabikae-item-box{
border:1px solid #ccc;
padding:15px 15px 15px;
margin-bottom:25px;
}

.narabikae-item{
margin-right:30px;
}
.narabikae-item .title{
}

.narabikae-item form,
.narabikae-item {
display: inline-block;
*	display: inline;
	zoom:1;
}

.narabikae-item form input:hover{
cursor:pointer;
}
.narabikae-item form input{
padding-top:2px;
}

.narabikae-item form[name=new] {
}
.narabikae-item form[name=new] input{
background:url(images/narabikae-item-btn-new.png)  center no-repeat;
border:none;
color:#fff;
width:70px;
text-align:center;
line-height:22px;
height:26px;
padding-bottom:2px;

}
.narabikae-item form[name=new] input:hover{
opacity:0.7;
}



.entry-title,
.index-title,
.page-title,
#post-title
{
font-size:1.4em;
color:#000;
padding:1em;
border-bottom:2px solid #333;
border-top:1px dotted #ccc;
line-height:1.4em;
margin-top:0;
}
.entry-title.smallheader{
	font-size:1.0em;
	padding:0.5em 0 0;
	margin-bottom:0;
}



#post-title .entry-title{
padding:0;
border:none;
background:transparent;
}
.entry-content img{
max-width:100%;
height:auto;
}
.entry-content .title-image
{
background:none;
padding:0;
border:none;
line-height:0.5em;
}
.entry-content .title-text{
	background: none;
	padding-left: 0;
	border: none;
}
.entry-content .center{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
}


.entry-title.title-image span{
display:block;
height:20px;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
*	text-indent:999px;

}
.entry-title.title-image img{
margin-top:-20px;
}


.entry-utility{
padding:10px;
text-align:right;
}
.entry-utility.page .entry-meta.updated.author{

}
.entry-meta.author .author{
	font-size:0.9em;
}

/*include-category post in page*/
.posts.archive h3
{
background-image:none;
padding:0 0 5px 0;
margin-bottom:0.5em;
margin-left:130px;

}

/*icon-features*/

.icon-features{
float:right;
min-width:36px;
padding:10px 0 ;
}


.entry-content .icon-features li,
.icon-types li,
.icon-features li{
display:block;
float:left;
width:32px;
height:32px;
padding:0 3px 2px 0px;
}




/*ページバー*/

.pagebar {
text-decoration:none;
text-align:center;
clear:both;
float:none;
padding:2em 5em;
line-height:2em;
color: #888;
}

.pagebar .break {
border:none;
background:#fff;
text-decoration:none;
padding:2px 6px;
}

.pagebar .inactive {
border:1px solid #ccc;
color:#ccc;
text-decoration:none;
padding:.2em .5em;
}

.pagebar .this-page {
border:1px solid #4e3328;
font-weight:700;
background:#4e3328;
color:#fff;
padding:.2em .5em;
}

.pagebar a,.pageList .this-page {
text-decoration:none;
padding:.2em .5em;
color: #4e3328;
}

.pagebar a:hover {
border-color:#4e3328;
}

.pagebar a:visited {
border:1px solid #4e3328;
text-decoration:none;
padding:.2em .5em;

}

.pagebar a{
background:#4e3328;
color: #fff;
	opacity: 0.5;
border:1px solid #4e3328;
}
.pagebar a:hover{
	opacity: 0.7;
}

/*CONTENT*/
.w-1_3{
width:30%;
display:inline-block;
padding:1%;
vertical-align:top;
*	display:inline;
	zoom:1;
}



/* Entry Single Page　記事　ページ本文
*****************************************************************************/


.entry {
padding:1em 0;
}
.r-box{
float:right;
display:block;
margin-bottom:1em;
}
.l-box{
float:left;
display:block;
margin-bottom:1em;
}

.bg-bk90{
background:url(images/bg-bk90.png);
}
.bg-bk80{
background:url(images/bg-bk80.png);
}
.bg-bk70{
background:url(images/bg-bk70.png);
}
.bg-bk60{
background:url(images/bg-bk60.png);
}
.bg-bk50{
background:url(images/bg-bk50.png);
}
.bg-bk40{
background:url(images/bg-bk40.png);
}
.bg-bk30{
background:url(images/bg-bk30.png);
}
.bg-bk20{
background:url(images/bg-bk20.png);
}
.bg-bk10{
background:url(images/bg-bk10.png);
}

.bg-wh90{
background:url(images/bg-wh90.png);
}
.bg-wh80{
background:url(images/bg-wh80.png);
}
.bg-wh70{
background:url(images/bg-wh70.png);
}
.bg-wh80{
background:url(images/bg-wh80.png);
}
.bg-wh70{
background:url(images/bg-wh70.png);
}
.bg-wh60{
background:url(images/bg-wh60.png);
}
.bg-wh50{
background:url(images/bg-wh50.png);
}
.bg-wh40{
background:url(images/bg-wh40.png);
}
.bg-wh30{
background:url(images/bg-wh30.png);
}
.bg-wh20{
background:url(images/bg-wh20.png);
}
.bg-wh10{
background:url(images/bg-wh10.png);
}


.entry-content{
line-height:1.7em;
padding:1em 0 2em;
}
.headerless .entry-content{
	padding-top:0;
}
.entry-content a{
text-decoration:underline;
}

.entry-content h2{
background: url(images/house.png) 5px center no-repeat; 
padding:0.4em 0 0.4em 40px;
font-size:1.4em;
line-height: 1.7em;
border-bottom:1px solid #999;
margin:1em 0;
}

.entry-content h3{
background:url(images/circle.png) 5px center no-repeat;
padding:0.3em 0.5em  0.3em  25px;
font-size:1.25em;
line-height: 1.7em;
border-bottom:1px dotted #ccc;
margin:1em 0;
}

.entry-content h4{
background: url(images/square.png) 5px center no-repeat; 
width:auto;
margin:0.5em 0 0.5em 0;
padding:0.3em 0.5em 0.3em  20px;
font-size:1.2em;
line-height: 1.7em;
}
.entry-content h4 + div{
margin-left:1em;
}

.entry-content h5{
background: url(images/dot.png) 5px center no-repeat; 
padding:0.3em 0.5em 0.3em  15px;
font-size:1.1em;
line-height: 1.6em;
margin:0.5em 0 0.5em 0;
}
.entry-content h5 + div{
margin-left:2em;
}

.entry-content h6{
margin:0.5em 0 0.5em 3em;
font-size:1.1em;
}
.entry-content h6 + div{
margin-left:3em;
}


#entry-author-info{
margin-left:-10px;
clear:both;
padding:20px 0;
}
#author-description h2{
background:none;
border:none;
}

.releated-posts a.arrow,
.entry-content a.arrow {
background:url(images/arrow.png) 0 center no-repeat;
padding-left:12px;
}

.entry-content li
{
display:list-item;
margin-bottom:0.5em;
font-size:1.1em;
}
.entry-content ul {
list-style: disc outside none;
margin: 0 0 1em 2.5em;
}	
.entry-content ul ul {
list-style: square outside none;
}	


.entry-content ul ul ul{
list-style: circle outside none;
}	

.entry-content ol{
list-style: decimal outside ;
margin: 0 0 1em 2.5em;
}
.entry-content ol ol li{
list-style: lower-roman;
}

.entry-content dl{
margin-bottom:1em;
padding-left:1em;
}
.entry-content dt{
margin-bottom:0.5em;
font-weight:bold;
display:block;
border-bottom:1px solid #ccc;
}

.entry-content dd{
margin-bottom:1em;
margin-left:0;
}
ul.check,
ul.check li,
ul.asterisk,
ul.asterisk li{
list-style: none !important;
}
ul.check li,
ul.asterisk li{
	font-size: 1.1em;
}

ul.check li:before{
content: "\f00c";
font-family: FontAwesome;
list-style: none !important;
display: inline-block;
margin-right: 0.5em;
line-height: normal;
vertical-align: bottom;

}
ul.asterisk li:before{
	content: "※";
list-style: none !important;
display: inline-block;
margin-right: 0.5em;
vertical-align: botom;
}
ul.asterisk li{
	font-size: 1em;
}
	
.bold{
font-weight:bold;
}

.black{
color: #000;
}
.red{
color: #F00;
}
.orange{
color: #FF5300;
}
.blue{
color: #0C5392;
}.green{
color:#360;
}



.entry-content p a{
text-decoration:underline;
}



.entry-content table{
margin:2em 0;
}

.entry-content table captiom{
margin:1em 0;
}
.entry-content td,
.entry-content th
{
border-bottom:1px solid #ccc;
}
.entry-content th,
.entry-content td{
padding:0.3em 0.5em;
}




.spacer_ {
white-space:nowrap;
}



.page-link {
text-align:center;
margin:15px auto;
}
.page-link  span{
border:2px solid #ccc;
display:inline-block;
*	display: inline;
	zoom:1;
padding:5px 10px ;
}
.page-link > span{
background-color:#069;
color:#fff;
opacity:0.8;
}

.page-link  a span:hover{
background:#069;
color:#fff;
}

/*TABLE*/
.slide-table{}


.slide-table {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
margin-bottom:2em;
position:relative;
}
.slide-table table{
border-collapse: collapse;
}
.slide-table table td{
white-space: nowrap;
}
.entry-content .slide-table table {
	margin-top: 0;
}

@media screen and (max-width: 699px) {
.slide-table:before{
content: "\f053\f053\f053　スライドできます";
box-sizing: border-box;
font-family: FontAwesome;
display: inline-block;
color:#fff;
background:rgba(0,0,0,0.40);
padding:0.2em 1em;
border-radius:5px 0 0 5px;
text-align:right;
margin:0 auto 0.3em;
width:100%;
top:50%;
left:0;
right:0;
text-shadow:0 0 3px #333;
}
}

.entry-content table.hublogtable,
.entry-content table.nagare,
.entry-content table.number-list{
background: none repeat scroll 0 0 #FFFFCC;
border: 2px solid #FAB981;
display: block;
margin-bottom: 1em;
margin-left: 1em;
}

.entry-content table.nagare th > span{
background: url(images/table-nagare-arrow.png) no-repeat center bottom;
border-radius: 10px 10px 10px 10px;
color: #1C3574;
display: block;
font-weight: bold;
letter-spacing: 0.1em;
padding: 10px 10px 35px;
text-shadow: 0 0 2px #FFFFFF;
white-space: nowrap;
}

.entry-content table.number-list th span {
background: url(images/number-list-bg.png) no-repeat center bottom;
display: block;
padding: 10px 30px 30px;
}

.entry-content table.nagare th > span,
.entry-content table.number-list th span {
background-color:#666;
}
table.nagare .anchor{
position:relative;
}

table.nagare .anchor th span{
position:relative;
top:-30px;
margin-top:60px;
}

table.nagare td,
table.nagare th{
vertical-align:middle;
}

.anchor{
padding-top:30px;
margin-top:-30px;
}

.entry-content .anchor{
	margin-bottom: 2em;
}


.entry-content .txt-l,
.txt-l{
font-size:1.1em;
}
.entry-content .txt-ll,
.txt-ll{
font-size:1.3em;
}
.entry-content .txt-lll,
.txt-lll{
font-size:1.5em;
}

.entry-content .txt-llll,
.txt-llll{
font-size:1.9em;
}
.entry-content .txt-s,
.txt-s{
font-size:0.85em;
line-height:1.4em;
}
.entry-content .txt-n,
.txt-n{
font-size:inherit;
}

.w110{
width:110px;
}
.w120{
width:120px;
}
.w130{
width:130px;
}
.w140{
width:140px;
}


.w150{
width:150px;
}

.w200{
width:100%;
max-width:200px;
}

.w250{
width:100%;
max-width:250px;
}

.w300{
width:100%;
max-width:300px;
}

.w350{
width:100%;
max-width:350px;
}
.w360{
width:100%;
max-width:360px;
}

.w400{
width:100%;
max-width:400px;
}

.w450{
width:100%;
max-width:450px;
}
.w480{
width:480px;
}

.w500{
width:100%;
max-width:500px;
}
.w550{
width:100%;
max-width:550px;
}
.w600{
width:100%;
max-width:600px;
}
.w650{
width:100%;
max-width:650px;
}

.mg0{
margin:0;
}
.mt1em{
margin-top:1em;
}
.pt1em{
padding-top:1em;
}
.mb1em{
margin-bottom:1em;
}
.pb1em{
padding-bottom:1em;
}


/*RESPONSIVE*/
.w100{
display:block;
float:none;
padding:0;
}
.w100 > img{
width:100%;
height:auto;
display: block;
}

.w100.round{
	display: block;
	border-radius: 50%;
}
.w100.round img{
	display: block;
}

.w50{
width:48%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
padding:0;
margin-left: 1%;
margin-right: 1%;
}
.l-box.w50{
	margin-left: 0;
	
}
.r-box.w50{
	margin-right: 0;
}

.w33{
width:32.33%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin:0 0.5%;
}
.w66{
width:65%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin:0 0.5%;
}
.w75{
width:74%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin:0 0.5%;
}

.w25{
width:24%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin:0 0.5%;
}
.w20{
width:19%;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
margin:0 0.5%;
}

/*RESPONSIVE*/

/*bukken*/
#fudo_header{
	margin-top: 2em;
}
#fudo_header .r-box{
	width: 61%;
}
#fudo_header .l-box{
	width: 34%;
}
#fudo_header
.entry-title{
	padding: 2em 0 1.5em;
	border-top: 0;
	margin-bottom: 1.5em;
}
#fudo_header .entry-title{
font-weight:normal;
border: none;

}
#fudo_header .l-box table{
width: 100%;
border-top: thin solid #222;
border-bottom: thin solid #222;
}
#fudo_header .l-box table tr:first-child th,
#fudo_header .l-box table tr:first-child td{
padding-top: 1.5em;
}
#fudo_header .l-box table tr:last-child th,
#fudo_header .l-box table tr:last-child td{
padding-bottom: 1.5em;
}


.spec_excerpt{
	width: 100%;
}
.posts .post.style-home-bukken .title{
	margin: 0.5em 0 1.5em;
}

.spec_excerpt th,
.spec_excerpt td{
vertical-align:middle;
	padding: 0.1em 0 0.1em;
	font-size: 0.9rem;
}
.spec_excerpt th{
width:6em;
}
.spec_excerpt .kakaku{
	margin: 2em  0;
	padding-top: 1em;
}
.spec_excerpt .kakaku > span{
	display: inline-block;
}
.spec_excerpt .kakaku > .title{
	margin-right: 1em;
}

.kakaku .number{
font-weight:bold;
font-size:1.4em;
	margin-right: 0.5em;
}

#bukken_plan{
	text-align: center;
	background: #ddd;
}
#bukken_plan .bukken_plan_cell{
	margin: 1%;
	padding: 1.5em 5% 3em;
	background: #fff;
	box-shadow: 1px 1px 3px #ccc;
	position: relative;
	flex: 1 0 0%}
#bukken_plan .bukken_plan_cell > a{
	width: 100%;
	display: block;
	height: auto;
	max-width: 280px;
	margin: auto;
}
#bukken_plan .bukken_plan_cell > a img{
	width: 100%;
	display: block;
	height: auto;
}
#bukken_plan .bukken_plan_cell > .title{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
#container.bukken #subtitle{
border-bottom:1px solid #ccc;
}
#container.bukken #subtitle + .date{
display:block;
margin-top:5px;
}


#bukken-pickup{
	text-align: center;
}
#bukken-pickup{}
#bukken-pickup li a{
	width: 100%;
	display: block;
	height: auto;
}
#bukken-pickup li a img{
	width: 100%;
	display: block;
	height: auto;
}



/*sale-status-offer shoudanchu*/

.bukken-status th{
background:#fff;
border:none;
}

/*物件スペックaddcontent-bukken_spec_house.php*/



#single-left .bukken_spec {
margin-bottom:4px;
}
#bukken_spec h3{
}

.bukken_spec{
width: 100%;
margin-bottom:15px;
}
.bukken_spec td,
.bukken_spec th{
border:1px solid #ccc;
padding:0.2em 0.5em;
}
.bukken_spec th{
width:9em;
}

.bukken_spec tr.odd td,
.bukken_spec tr.odd th
{
background-color:#F1ECD7;
}


table.spec {
clear:both;
}
table.spec caption span {
color: #FFFFFF;
display: block;
font-size: 1.2em;
font-weight: bolder;
height: 30px;
letter-spacing: 0.25em;
line-height: 30px;
padding-left: 50px;
}

table.spec thead td {
background-color: #FFFFEA;
}

#content table.spec td {
width: 15%;
}


#content table.spec th {
background: none repeat scroll 0 0 #E1EDDA;
font-weight: normal;
width: 10%;
}
table.spec th, table.spec td {
border: 2px solid #C9E0BD;
padding: 3px 5px;
}
th, caption {
text-align: left;
}


.spec tr.image-cell td div {
float: left;
overflow: hidden;
padding: 0;
text-align: center;
width: 25% ;
}

.spec .image-cell td img {
height: auto;
width: 95%;
}
[summary=設備関連] td > span{
white-space:nowrap;
display:inline-block;
padding-left:1em;
*	display:inline;
	zoom:1;
}


#single-left .sale-status-offer{
display:block;
margin-bottom:5px;
padding:5px 0 ;
font-weight:bold;
letter-spacing:0.1em;
}



#single-left #spec_excerpt-box{
border:1px solid #ccc;
padding:10px 5px 0;
margin-bottom:15px;
background:#fff;
}


#single-left #spec_excerpt-box .spec_excerpt{
width:100%;
}


#single-left #bukken_spec h3,
#single-left #bukken_spec .title{
margin-top:5px;
}

/*印刷・PDFDLボタン追加*/
#spec_excerpt-btn{}

#spec_excerpt-btn a{
	background:#454545;
	color:#fff;
	display:inline-block;
	padding:0.2em 1.5em;
	border:1px solid #000;
	border-radius:2px;
}
#spec_excerpt-btn a:hover{
	text-decoration:none;
	background:#222;

}



#spec_excerpt-btn #btn-spec-pdf{
	float:left;
}
#spec_excerpt-btn #btn-spec-pdf span:before{
content: "\f0ed";
	font-family: FontAwesome;
	margin-right:0.8em;
	color:#fff;
}

#spec_excerpt-btn #btn-spec-print{
	float:right;
}
#spec_excerpt-btn #btn-spec-print span:before{
	content: "\f02f";
	font-family: FontAwesome;
	margin-right:0.8em;
	color:#fff;
}


/*Gallery*/

dl.gallery-item{
	display: inline-block;
	float: none;
	margin: 0;

}

.entry-content dt.gallery-icon{
	border: none;
}


#gallery-set{
	margin-bottom:2em;
}


#gallery-set .targetable-gallery-target{
float:left;
width:500px;
}
#gallery-set .targetable-gallery{
float:right;
width:180px;
}

#gallery-set .targetable-gallery-target .gallery-target {
background: #eee none repeat scroll 0 0;
display: block;
height: 390px;
line-height: 390px;
}


#gallery-set .gallery-target img {
display: inline-block;
margin: 0 auto;
max-height: 390px;
width: auto;
vertical-align:middle;
}


#gallery-set + .example-meta > span,
#gallery-set + .example-meta > p{
padding-left:420px;
}

.targetable-gallery-target{
}
#gallery-set .targetable-gallery-target .gallery-target{
width:100%;
background:#eee;
position:relative;
}
.targetable-gallery-target .gallery-target{
display:table-cell;
vertical-align:middle;
text-align:center;
}


.targetable-gallery-target  .gallery-target > img {
display: inline-block;
*	display:inline;
	zoom:1;
}


#gallery-set .gallery-target img{
/*	width:100%;*/
height:auto;}


#gallery-set .gallery{
overflow:hidden;
width:100%;
height:30%;
}

.targetable-gallery-target{
	position:relative;
}
.targetable-gallery-target .gallery-caption{
	position:absolute;
	bottom:0;
	display:block;
	background: url(images/bg-bk80.png);
	color:#fff;
	padding:0 1%;
	width:98%;
	margin:0;
}

.targetable-gallery-target:hover p.gallery-caption{
	display: none;
}
#gallery-set .gallery .gallery-item{
max-width:55px;
width:auto;
}
#gallery-set .gallery .attachment-thumbnail {
border: none;
display: block;
height: auto;
max-height: 70px;
max-width: 70px;
width: 100%;
}




#gallery-set .gallery .gallery-item{
display: inline-block;
/*	width:15.5%;
*/
float:none;
border:none;
margin:0;
padding:0 1.15% 0 0;
*	display:inline;
	zoom:1;
}

#gallery-set .gallery .gallery-item .gallery-icon{
display:block;
margin:0 ;
padding:0;
}

#gallery-set .gallery br{
display:none;
}

#gallery-set{
}



#gallery-set .gallery a{
display:block;}
#gallery-set .gallery .attachment-thumbnail{
max-height:70px;
max-width:70px;
width:100%;
height:auto;
display:block;
border:none;
}



/*EXAMPLE*/
#addcontent-gallery + .example-meta{
width:100%;
margin-left:-390px;
}
#addcontent-gallery + .example-meta > span,
#addcontent-gallery + .example-meta > p
{
margin-left:390px;
width:100%;
}

.example-meta > span,
.example-meta > p{
display:block;
font-size:12px;
padding-bottom:5px;
}

#addcontent-gallery .example-meta .title,
#addcontent-gallery .example-meta-title{
display:inline-block;
width:4em;
text-align:center;
border:1px solid #ddd;
margin-right:5px;
line-height:1.5em;
*	display:inline;
	zoom:1;
}


.example-meta .gallery-entry-title{
font-weight:bold;
font-size:inherit;
margin-bottom:1em;
}


#inc-example{}

#inc-example > .title{
	font-size: 1em;
}

#inc-example .posts .post{
	width:19.5%;
	padding:0 1%;
	box-sizing: border-box;
	display:inline-block;
	vertical-align:top;
	margin: 0;
	flex: 1 0 0%;
}

#inc-example .posts .post:first-child{
padding-left: 0;
}
#inc-example .posts .post:last-child{
padding-right: 0;
}

.posts .post.style-inc_example{
	margin-bottom:1em;
}
.posts .post.style-inc_example .thumbnail{
}

.posts .post.style-inc_example .title{
	width:100%;
}
.posts .post.style-inc_example .title a{
	display:block;
}
.posts .post.style-inc_example .title a:hover{
	text-decoration: underline;
}

.posts .post.style-inc_example .thumbnail{
	max-width:100%;
	margin-bottom:1em;
}
.posts .post.style-inc_example .attachment{
position: relative;
}
.posts .post.style-inc_example .attachment img{
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
	}

.posts .post.style-inc_example .thumbnail{
/*	height:100px;*/
	float:none;
}

#inc-example .toindex{
	border-top:1px solid #999;
}
#inc-example .toindex a{
	color:#fff;
	background:#383838 url(images/arrow-white.png) 10px center no-repeat;
	display:inline-block;
	padding:0 1em 0 2em;
	float:right;
	border-radius: 0 0 5px 5px ;
	text-decoration:none;

	}



/*施工事例ギャラリー flexslider*/

#galleryslider{
	background:#f6f6f6;
	margin-bottom:2em;
	padding:0.3em ;
	box-sizing: border-box;
	border-radius: 4px;
}
.flexslider{
	border-radius:0;
	background: transparent;
	border:none;
	box-shadow:none;
	margin-bottom:0;
}
.flexslider .slides,
.flexslider .flex-direction-nav{
	margin:0 auto;
}
.flexslider .flex-direction-nav li a{
	background:none;
	text-indent:0;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    display: block;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    top: 50%;
    transition: all 0.3s ease 0s;
    width: 40px;
	height: 40px;
    z-index: 10;
	white-space:inherit;
}
#galleryslider .flexslider .slides li{
	padding-top: 50%;
	position: relative;
}
#galleryslider .flexslider .slides li a{
	display:block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#galleryslider .flexslider .slides li a img{
  position:  absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	left: 0;
	right: 0;
}

#galleryslider .flexslider .flex-direction-nav li{
	display:block;
	list-style:none;
}

#galleryslider .flex-control-thumbs{
	position:relative;
	margin:0;
	text-align: left;
	padding: 0 5px 10px;
	box-sizing: border-box;
}

#galleryslider .flex-control-thumbs li{
	display:inline-block;
	width:70px;
	height:70px;
	float: none;
	margin: 2px;
	padding: 0;
	overflow: hidden;
}

#galleryslider .flex-control-thumbs li img{
	max-width:100%;
	height: auto;
	width:auto;
	display:block;
	margin:auto;
}
#galleryslider .flex-info p{
	margin:0;
	padding:0 1em;
}
#galleryslider .flexslider .slides:hover .flex-info{
	display:none;
}

#example-slider + .example-meta.spec{
	margin-top:-2em;
	margin-bottom:3em;
	text-align: center;
}
#example-slider + .example-meta.spec > span{
	display:inline-block;
	margin-right:1em;
}


/*BEFOREAFTER*/

#addcontent-reform #reform-meta,
#addcontent-reform #gallery-set{
float:none;
clear:both;
}
#addcontent-reform #gallery-set{
	padding-bottom:1.5em;
}

#addcontent-reform .inbox > span{
display:inline-block;
margin-right:1em;
}


#addcontent-reform #reform-meta .reform-meta-gaiyou > span{
display:block;
}
#reform-meta{
	border:1px  solid #D2C39A;
	padding:1em 2em;
	border-radius:1em;
}
#reform-meta .inbox > span{
	display:block;
	border-bottom:1px dotted #D2C39A;
}

#reform-meta dl,
#addcontent-reform #reform-meta dl{
padding-left:0;
}



.entry-content .reform-youbou .title,
.entry-content .reform-kaiketsusaku .title{
}





#before-after > table{
width:100%;
}

#before-after > table td,
#before-after > table th{
padding:0;
border:none;
}

#before-after > table .before-image{
width:35%;
vertical-align:middle;
}


#before-after > table .after-image{
width:55%;
}
#before-after > table .before-image img,
#before-after > table .after-image img{
width:100%;
height:auto;
}
#before-after > table .arrow{
width:10%;
vertical-align:middle;
border:none;
}

#before-after > table .arrow > span{
display:block;
background: #666;
}
#before-after > table .arrow > span img{
width:100%;
height:auto;
display:block;
}



/*図面・間取り図*/


.single #plans{
width:635px;
padding:10px 0 0;
margin-bottom:20px;
}
#plans h3.title{
background:url(images/palns-pickup-title.png) 0 0 no-repeat;
height:25px;
margin:0 0 10px;
padding:0;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
}

#plans span.title{
display:block;
overflow:hidden;
padding-bottom:5px;
}
.single #plans .pickup-image {
float: left;
height: 300px;
width:300px;
margin-right: 13px;
margin-bottom:10px;
text-align:center;
box-shadow:0 0 3px #ccc;
padding-top:5px;
}
.single #plans .pickup-image img{
max-height:240px;
height:auto;
max-width:240px;
width:auto;
}


.inc_posts{}

.inc_posts .posts .post .title{
	font-size:0.9rem;
	line-height:1.3em;
	
}
.inc_posts .posts .post .title a{
	text-decoration:none;
	color:#666;
}
.inc_posts .posts .post .cat_icon {
	line-height:1.2em;
	display:block;
	font-size:0.8rem;
}



/*movie-wrap*/
.movie-wrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom:1em;
}

.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#inc-map,
#select-map{
	margin: 2em auto;
}

/*map*/
#googlemap-bukken #map_tabs li{
background:url(images/bukken-map_tabs-bg.png) left center no-repeat;
}

#googlemap-bukken #map_tabs li:hover a,
#googlemap-bukken #map_tabs li.current a{
background:url(images/map_tabs_icon.png) 0 center no-repeat;
padding-left:20px;
outline:none;
}

#googlemap-bukken #map_tabs li a{
color:#fff;
}

#googlemap-bukken #map_tabs li.home.current a,
#googlemap-bukken #map_tabs li:hover a{
font-size:0.85em;
}


/*Inquiry*/
.hublog-inquiry-btn a,
.inquiry-single-btn a{
display:inline-block;
height:90px;
width:240px;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
vertical-align:top;
*	display:inline;
	zoom:1;
}


.hublog-inquiry-btn{
vertical-align:middle;
width:45%;
min-width:240px;
display:inline-block;
*	display:inline;
	zoom:1;

}



#single-right .hublog-inquiry .inquiry-single-tel a,
#single-right .inquiry-single .inquiry-single-tel a{
background:none;
display:inline;
text-indent:0;
margin:0;
height:inherit;
width:auto;
}



#single-left .hublog-inquiry,
#single-left .inquiry-single{
background: none;
padding:5px 0 15px;
width:310px;
height: auto;
clear:both;
border:none;
}



#single-right .hublog-inquiry-btn a,
#single-left .hublog-inquiry-btn a,
.hublog-inquiry .hublog-inquiry-btn a,
#single-right .inquiry-single-btn a,
#single-left .inquiry-single-btn a,
.inquiry-single .inquiry-single-btn a {
*	text-indent:-500px;
}


#single-left .hublog-inquiry-btn a{
background:url(images/single-left-inquiry.png) center no-repeat;
width:310px;
height:35px;
top:inherit;
left:inherit;
margin:0 auto;
}

.hublog-inquiry .popup-wpcf7 a:hover,
.hublog-inquiry-btn a:hover
.inquiry-single-btn a:hover{
opacity:0.75;
}



#single-left .hublog-inquiry-tel,
#single-left .inquiry-single-tel
{
background:none;
float:none;
width:auto;
clear:both;
padding:0;
}
#loan-sample{
margin:20px 0 ;
padding: 10px;
border:2px solid #eee;
text-align:center;
}
#loan-sample > .title{
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}

#loan-sample #loan-sample-main {
border-bottom: 1px solid #999;
margin-bottom: 5px;
padding: 10px 10px 5px;
}

#loan-sample .loan-pay-month{
font-size:15px;
}
#loan-sample .loan-pay-month .number strong{
color:#900;
}
#loan-sample .loan-sample-sub{
font-size:1.2em;
}
#loan-sample .loan-caution{
color: #555;
margin-top:5px;
padding-top:3px;
border-top: 1px dotted #ccc;
}


/*404*/
.error404 .entry-content {
text-align:center;
font-size:1.3em;
}



.conversion-btn{
	position: fixed;
	bottom:0;
	left:0;
	margin-bottom:0 ;
	z-index:999;
}

.conversion-btn{
	transition: .8s;
}


.conversion-btn{
	opacity: 0;
	transform: translate(0,100px); 
	-webkit-transform: translate(0,100px);
}


.reach.on .conversion-btn{
opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


.conversion-btn.hublog-inquiry{
	position: fixed;
	left: 0;
	bottom: 0;
	border-top:1px solid #ccc ;
	padding: 1em;
	background: rgba(255,255,255,0.90);
	z-index: 21;
	margin: 0;
}
.conversion-btn.hublog-inquiry .popup-wpcf7 a{
}
.conversion-btn.hublog-inquiry .hublog-inquiry-btn,
.conversion-btn.hublog-inquiry .hublog-inquiry-tel{
	width: auto;
	vertical-align: middle;
	display: inline-block;
	float: none;
}
.conversion-btn.hublog-inquiry .hublog-inquiry-tel{
	text-align: left;
}


/*Single bukken Detail 物件詳細ページ*/
#container.bukken #post-title {
}




#post-title{
vertical-align:middle
}

#post-title h1{
padding:15px 20px;
font-size:20px;
line-height: normal;
width:750px;
display:inline-block;
*	display:inline;
zoom:1;
}

.back-to-index{
width:150px;
display:inline-block;
*	display:inline;
zoom:1;
}
.back-to-index a{
background:url(images/back-to-index.png) 0 0 no-repeat;
display:block;
width:130px;
height:30px;
margin:0 auto;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
}
.back-to-index a:hover{
opacity:0.75;
}

.back-to-index.single-bottom{
width:100%;
padding:0;
}

#bukken_process .bukken_process_cell {
	flex: 1 0 0%;
}
.bukken_process_cell .attachment,
.bukken_process_cell .attachment a{
margin: auto;
display: block;
width: 100%;
max-width: 150px;
}
.bukken_process_cell .attachment{
	position: relative;
}
.bukken_process_cell .attachment a img{
	border: 2px solid #fff;
	box-shadow: 0 0 3px #ccc;
}
.bukken_process_cell .title{
display: block;
text-align: center;
}

.bukken_process_cell:after{
content: " \f0a9";
font-family: FontAwesome;
	display: inline-block;
	color: #DB750F;
	position: absolute;
	right: -0.3em;
	top: 40%;
	font-size: 1.5em;
}
.bukken_process_cell:nth-last-child(2):after,
.bukken_process_cell:last-child:after{
	content:none;
}
#container.bukken{}
#container.bukken #bukken_plan{
background: #efefef;
box-shadow: 2px 2px 3px #ccc inset;
border-radius: 3px;
margin-bottom: 3em;
padding: 3em 2em;
}

#container.bukken #bukken_plan > .title{
margin-bottom: 3em;
	color: #403000;
}
#container.bukken .entry-content .entry-title{
border:none;
margin: 2em 0 ;
}
#container.bukken .entry-content{
margin-bottom: 3em;
}
#bukken-pickup{
margin-bottom: 6em;
}


#bukken-pickup li{
	padding:5px;
	box-sizing: border-box;
	
}
#bukken-pickup li a{
	display: block;
	position: relative;
	padding-top: 100%;
	height: 0;
}

#bukken-pickup li a img{
	position: absolute;
	height: 100%;
	max-height: 160px;
	width: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;

 }
#bukken-pickup .gallery,
#fudo-spec #bukken_spec .inbox{
	width:100%;
	max-width:1200px;
	margin: auto;
	padding-left:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

}

/*
#bukken-pickup dl.gallery-item{
	display: inline-block;
}
*/

#bukken-pickup dl dd,
#bukken-pickup li a .title{
	background: rgba(46,26,26,0.50);
	color: #fff;
	display: block;
	box-sizing: border-box;
	padding: 0 0.5em;
	position: absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 5px;
	width : calc(100% -10px) ;
}
#bukken-pickup dl:hover dd,
#bukken-pickup li a:hover .title{
	bottom: -20px;
	transition: .4s;
	opacity: 0;
}
#bukken-pickup  dl a:hover  img,
#bukken-pickup  li a:hover  img{
	opacity: 1;
}

#bukken-pickup li > span{

}
#bukken-pickup li:hover > span{
bottom: 0;
background: rgba(0,0,0,0.70);
color: #fff;
padding: 0.3em
}
#bukken-pickup .slick-prev:before,
#bukken-pickup .slick-next:before{
	color: #000;
}
#bukken-pickup #galleryslider dl,
#bukken-pickup dl{
	overflow: hidden;
box-sizing: border-box;
vertical-align:top;
position:relative;
padding: 0 5px;
}


#bukken-pickup dl dt a,
#bukken-pickup dl dd{
	display: block;
max-width: 200px;
	margin: auto;
	box-sizing: border-box;
	left: 5px ;
	right: 5px;
}

#bukken-pickup .gallery-columns-2 dl{
	width: 49%;
}
#bukken-pickup .gallery-columns-3 dl{
	width: 33%;
}
#bukken-pickup .gallery-columns-4 dl{
	width: 24.5%;
}
#bukken-pickup .gallery-columns-5 dl{
	width: 19.5%;
}
#bukken-pickup .gallery-columns-6 dl{
	width: 16.5%;
}
#bukken-pickup .gallery-columns-7 dl{
	width: 14%;
}
#bukken-pickup .gallery-columns-8 dl{
	width: 12%;
}
#bukken-pickup .gallery-columns-9 dl{
	width: 11%;
}

#bukken-pickup dt{
	margin: 0;
	display: block;
}
#bukken-pickup dl a{
	display: block;
}
#bukken-pickup dl a img{
	display: block;
	width: 100%;
	height: auto;
}

#bukken-pickup #galleryslider dl{
	width: 11%;
	margin-bottom:0.5em;
	
}
#bukken-pickup #galleryslider dt{
	padding-top:100%;
	height:1px;
	overflow:hidden;
	position:relative;
}
#bukken-pickup #galleryslider dt img{
	position:absolute;
	top:0;
	right:0;
	botton:0;
	left:0;
}

#profile_googlemap .movie-wrap{
	padding-top: 0;
}
#profile_googlemap > .title{
	
}

#fudo-spec{
page-break-before: always; 
}

#fudo-spec #bukken_spec-header{
margin-bottom:2em;
}
#fudo-spec #bukken_spec-header  #spec_area > h3{
margin: 0;
}
#fudo-spec #bukken_spec > h2.title{
text-align:center;
margin: 2em auto;
border-bottom: 1px solid #999;
color: #000;
padding-bottom: 0.5em;
font-weight: normal;
}
#fudo-spec #bukken_spec .inbox > *{
	box-sizing: border-box;
	margin:1%;
	vertical-align:top;
	position:relative;
}
#fudo-spec #bukken_spec .inbox > *{
width: 48%;
}
#fudo-spec #bukken_spec .inbox  .spec_setsubi{
width:100%;
}
#fudo-spec #bukken_spec h3{
font-size: 1.1em;
margin-bottom: 0;
padding: 0.5em;
color: #fff;
background: #4e3328;
font-weight: normal;
}

#fudo-spec #bukken_spec #spec_area > h3,
#fudo-spec #bukken_spec #spec_area table tr:first-child{
display: none;
}
#fudo-spec .inbox table {
border: 1px solid #999;
}
#fudo-spec .inbox table th{
border-right:1px solid  #ddd;
border-bottom:1px solid #ddd;
border-top: none;
border-left: none;
width: 8em;
padding: 0.5em 0.5em;
}
#fudo-spec .inbox table td{
border-top: none;
border-right: none;
border-left: none;
border-bottom:1px solid #ddd;
}

#fudo-spec .inbox table tr:last-child th,
#fudo-spec .inbox table tr:last-child td{
border-bottom: 1px solid #999;
}
#fudo-spec .stack-box .stack-label{}


/*POSTinPAGE*/
.releated-posts{}
.releated-posts > .title{
background: url(images/house.png) no-repeat 0 center;
border-bottom: 2px dotted #CCC;
font-size: 1.4em;
margin: 1em 0;
padding: 5px 0 5px 30px;
}


/* ARCIVE example */


.posts .post.style-headline{
border-bottom:1px dotted #ccc;
margin-bottom:0.5em;
}
.posts .post.style-headline .title{
font-size:0.85em;
margin-bottom:0.5em;
}

.posts .post.style-headline .date{
display:block;
width:6em;
float:left;
}

.posts .post.style-headline .title{
display:block;
margin-left:-6em;
float:right;
	width:100%;
}
.posts .post.style-headline .title a{
	margin-left:6em;
	display: block;
}
.posts .post.style-headline .title a.post-edit-link{
	margin:0;
	width:auto;
	float:none;
}

.posts.archive.category-parent-voice,
.posts.archive.category-voice,
.posts.archive.category-parent-example,
.posts.archive.category-example{
	width:100%;
	max-width:1200px;
	margin:2em auto;
	padding-left:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

}
.posts.archive.category-parent-voice .post.style-voice,
.posts.archive.category-voice .post.style-voice,
	.posts.archive.category-parent-example .post.style-example,
.posts.archive.category-example .post.style-example{
border:none ;
display: block;
width : 30% ; /* 未対応ブラウザ用フォールバック */
width : -webkit-calc(100% / 3 - 3.6%) ;
width : calc(100% / 3 - 3.6%) ;
padding:0 !important;
box-sizing: border-box;
vertical-align:top;
position:relative;
margin-bottom: 5em;
margin-right: 5%;
margin-left: 0;
}
.posts.archive.category-parent-voice .post.style-voice:nth-child(3n) ,
.posts.archive.category-voice .post.style-voice:nth-child(3n) ,
	.posts.archive.category-parent-example .post.style-example:nth-child(3n) ,
.posts.archive.category-example .post.style-example:nth-child(3n) {
	margin-right: 0;
}
.posts .post.style-voice .metabox,
.posts .post.style-voice .inbox{
	margin: 0;
}

.posts .post.style-voice .thumbnail,
.posts .post.style-example .thumbnail{
	max-width: none;
}
.posts .post.style-voice .thumbnail .attachment,
.posts .post.style-example .thumbnail .attachment{
	padding-top: 75%;
	background:  #F8F8F8;
}
.posts .post.style-voice .attachment img,
.posts .post.style-example .attachment img{
	height: 100%;
	width: auto;
	margin: auto;
	display: block;
}

.posts .post.style-voice .attachment img:hover,
.posts .post.style-example .attachment img:hover{
    transform: translate3d(-5%, -5%, 0px);
	height: 110%;
	width: auto;
}


.posts .post.style-voice .thumbnail img:hover,
.posts .post.style-example .thumbnail img:hover{
}
.thumbnail .cat_icon{
	position: absolute;
	right:0;
	bottom:0;
	display:inline-block;
	padding: 0.2em 0.5em 0.2em;
	background:url(images/bg-bk70.png);
	color:#fff;
	line-height:1.1em;
	font-size:13px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.70);
	border-radius:4px;
	box-sizing: border-box;
	z-index: 21;
}
.thumbnail:hover .cat_icon{
	opacity:0.2;
}
.posts .post.style-example .cat_icon{
	position: absolute;
	left:-2px;
	top:-3px;
	display:inline-block;
	padding: 0.2em 0.5em 0.2em;
	background:url(images/bg-bk70.png);
	color:#fff;
	line-height:1.1em;
	font-size:13px;
	text-shadow:1px 1px 2px rgba(0,0,0,0.70);
	border-radius:4px;
	box-sizing: border-box;
	z-index: 21;
}
.posts .post.style-example .cat_icon.icon_image,
.posts .post .cat_icon.icon_image{
	background: none;
	border-radius: 0;
	text-shadow: none;
	opacity: 1;
	width: 100%;
	height: 100;
	overflow: visible;
	top: 0;
	right: 0;
	position: absolute;
	display: block
}

	
.cat_icon.example{
	display:none;
}
.post.style-voice .title,
.post.style-example .title{
clear: both;
float: none;
margin-top: 1em;
overflow: hidden;
font-size:1.1em;
margin-bottom: 0;
}
.posts .post.style-voice .thumbnail,
.posts .post.style-example .thumbnail{
float:none;

}
.posts .post.style-voice .voice-meta,
.posts .post.style-example .example-meta{
	padding-bottom: 2.5em;
	position: relative;
}
.posts .post.post.style-voice .todetail[rel="bookmark"],
.posts .post.post.style-example .todetail[rel="bookmark"]{
	display: block;
	float: none;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.7;
}
.posts .post.post.style-voice .todetail[rel="bookmark"]:hover,
.posts .post.post.style-example .todetail[rel="bookmark"]:hover{
	opacity: 1;
}
/* ARCIVE voice */

.post.style-example .todetail:hover,
.post.style-voice .todetail:hover{
opacity:0.75;
}




/*Event*/

.event-hour, .event-at, .event-date {
display: block;
}
.event-closed{
color:#990000;
background:#fff;
font-size:1.1em;
border:1px solid #990000;
display:block;
width:100%;
text-align:center;
margin-bottom:1em;
}



#addcontent-event h2{
background-image:none;
margin-left:0;
margin-bottom:0;
padding-left:0;
margin-top:0;
border:none;
}

#addcontent-event .event-meta{
border:1px solid #eee;
padding:0 10px 10px;
margin-bottom:20px;
}
#addcontent-event h3{
border-top:none;
border-bottom:1px dotted #999;
background:none;
padding:0;
margin-left:0;
font-size:15px;
}

#addcontent-event .eyecatch{
}
#addcontent-event .eyecatch .event-meta{
}

.posts.archive.category-parent-event .post.style-event,
.posts.archive.category-event .post.style-event{}

.posts.archive.category-parent-event .thumbnail,
.posts.archive.category-event .thumbnail{
	max-width: 200px;
	margin-bottom: 1em;
}
.posts.archive .event-meta{
	margin-bottom: 1em;
}


.posts.archive .poststyle-event .attachment img{
}

.posts.archive .poststyle-event .attachment img[alt="No Image"]{
}

.posts.archive .poststyle-event .metabox{
margin-left:-220px;
}
.posts.archive .poststyle-event .metabox > div,
.posts.archive .poststyle-event .metabox > .title{
margin-left:220px;
}

/*Voice
*******************************************************************************/

/*single*/

body.single .category-voice .entry-content{
border:none;
padding:10px;

}
#example-header{
	margin-bottom: 4em;
}
#example-header .example-info-set.l-box{
	width: 100%;
	max-width: 600px;
	
}

#example-header .example-info-set.r-box{
	width: 100%;
	max-width: 350px;
}

#example-header h2.title,
#example-story h2{
	line-height: 1.8em;
	margin-top: 0;
	padding-bottom: 1em;
	background: none;
	padding-left: 0;
}

#example-header .example-info-set{}

#example-header .example-info-set .example-area_name > span{
	display: inline-block;
	margin-right: 1em;
}
#example-header .example-info-set .example-plan{
	margin-bottom: 1em;
}
#example-header .example-info-set .example-plan > p{
	margin-bottom: 0;
	display: inline-block;
	margin-right: 1em;
	
}
#example-header .example-info-set .example-meta.spec > span{
	display: inline-block;
	margin-right: 1em;
}

.example-scanned,
.voice-scanned {
background: none repeat scroll 0 0 #FFFFFF;
margin-bottom: 10px;
padding: 10px;
text-align: center;
}

.example-scanned img,
.voice-scanned img {
height: auto;
margin: 0 auto;
width: 60%;
}

.example-set,
.voice-set{
padding-bottom:30px;
}
.example-set h1,
.voice-set h1{
padding:5px 0;
margin-bottom:15px;
font-size:14px;
line-height:20px;
background:none;
}
.example-set h1,
.voice-set h1{
font-size:16px;
line-height:22px;
}

#example-story{
	margin-bottom: 4em;
}

#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:50%;
}
#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:45%;
}


.voice01 .voice-image {
float:left;
width:60%;
}
.example01 .example,
.voice01 .voice{
width:35%;
}

.entry-content .example-set h2,
.entry-content .example-set h3,
.entry-content .voice-set h2,
.entry-content .voice-set h3
{
background:none;
border:none;
padding:5px 0 0;
margin:0 0 15px;
}
.entry-content .example-set h2 p,
.entry-content .example-set h3 p,
.entry-content .voice-set h2 p,
.entry-content .voice-set h3 p
{
display:block;
border-bottom:1px solid #eee;
}

.entry-content > .gallery > dl.gallery-item{
	padding-left: 0.5em;
	box-sizing: border-box;
	
}
.entry-content > .gallery-columns-2 dl{
	width: 49%;
}
.entry-content > .gallery-columns-3 dl{
	width: 33%;
}
.entry-content > .gallery-columns-4 dl{
	width: 24.5%;
}
.entry-content > .gallery-columns-5 dl{
	width: 19.5%;
}
.entry-content > .gallery-columns-6 dl{
	width: 16.5%;
}
.entry-content > .gallery-columns-7 dl{
	width: 14%;
}
.entry-content > .gallery-columns-8 dl{
	width: 12%;
}
.entry-content > .gallery-columns-9 dl{
	width: 11%;
}

.example-image img,
.voice-image img{
background:#fff;
width:100%;
height:auto;
}





#example-story .example-set:nth-child(odd) .example,
#example-story .example-set:nth-child(even) .example-image,
.example-set:nth-child(even) .example,
.voice-set:nth-child(even) .voice
{
float:left;
}
#example-story .example-set:nth-child(odd) .example-image,
#example-story .example-set:nth-child(even) .example,
.example-set:nth-child(odd) .example,
.voice-set:nth-child(odd) .voice
{
float:right;
}


.example01 .example .example-area_name{
	display:block;
	margin-bottom:1.5em;
	font-size:1.2em;
}
.example01 .example .example-area_name > span{
	display:inline-block;
}

/*画像右寄せ*/
#example-story .example-set:nth-child(odd) .voice .example-image,
.example-set:nth-child(even) .voice .example-image,
.voice-set:nth-child(even) .voice .voice-image,
.voice-scanned .voice-image
{
float: right;

}

/*画像左寄せ*/
#example-story .example-set:nth-child(even) .voice .example-image,
.voice-set:nth-child(odd) .voice .voice-image,
.example-set:nth-child(odd) .voice .example-image
{
float:left;
}

#example-story #gallery-icons{}

#example-story #gallery-icons > h2.title{
	padding-bottom: 0;
}
#example-story #gallery-icons dl.gallery-item {
    display: inline-block;
    width: 100%;
    max-width: 70px;
    margin: 0;
    padding: 0;
}
#example-story #gallery-icons dl.gallery-item dd{
	display: none;
}
#example-story  #gallery-icons dt {
    border: none;
    margin: 0;
    padding: 0 4px 0 0;
}
#example-story  #gallery-icons br{
	display: none;
}
/*HtmlPage*/

#container.htmlpage{}
#container.htmlpage #content{
position:relative;
}

.pagetab > div{
margin:0 auto;
}

.pagetab ul{}


.pagetab ul,
.pagetab li{
display:block;
list-style:none;
margin:0;
}
.pagetab li{
padding-right:10px;
float:left;
}

.pagetab li a{
width:100px;
height:50px;
overflow:hidden;
display:block;
}




/*plugin*/
#wp-calendar {
empty-cells:show;
width:155px;
margin:10px auto 0;
}

#wp-calendar #next a {
padding-right:10px;
text-align:right;
}

#wp-calendar #prev a {
padding-left:10px;
text-align:left;
}

#wp-calendar a,ul.category-adv span.date {
display:block;
}

#wp-calendar caption {
text-align:center;
width:100%;
}

#wp-calendar td {
text-align:center;
padding:3px 0;
}

#wp-calendar td.pad:hover {
background-color:#fff;
}

/*comment*/
.commentlist li {
list-style:none;
margin:15px 0 3px;
padding:5px 10px 3px;
}

.commentlist p {
margin:10px 5px 10px 0;
}

.commentlist,#sidebar ul h3 {
padding:0;
}

.commentmetadata {
display:block;
}


/*SIDEBAR*/
#sidebar{}

#sidebar .bnrs{
	text-align:center;
}
#sidebar .bnrs a{
	display: inline-block;
}

/*SIDEposts*/
#sidebar .posts{}

.sidebar .posts .post .metabox,
.sidebar .posts .post .metabox .inbox{
	margin-left:0;
}

.sidebar .posts .post .title {
	line-height:1.4em;
	font-size:1.1em;
}


#side-blog{
	margin-bottom:1em;
}

.sidebar .posts .post.style-thumb_title{
	margin:0.5em auto;
}
.sidebar .posts .post.style-thumb_title .thumbnail{
	width:60px;
	height:60px;
	overflow:visible;
}
.sidebar .posts .post.style-thumb_title .thumbnail img{
	width:60px;
	height:auto;
}
.sidebar .posts .post.style-thumb_title .thumbnail .tmb-icon.new{
	top:0;
}
.sidebar .posts .post.style-thumb_title .title{
	font-size:1rem;
}

.sidebar .posts .post.style-thumb_title .metabox{
	margin-left:-70px;
}
.sidebar .posts .post.style-thumb_title .metabox .inbox{
	margin-left:70px;
}

/*SIDEEVENT*/

#sidebar .posts .post.style-headline{
border-bottom:1px dotted #ccc;
}



#side-event{
margin-bottom:15px;
}

.sidebar .post.style-event .thumbnail{
	width:auto;
	height:auto;
	margin-bottom:0.5em;
	float:none;
}
.sidebar .post.style-event .attachment{
}
.sidebar .post.style-event .attachment img{
	max-width:260px;
	max-height:260px;
	position:relative;
}
.sidebar .post.style-event .post{
padding:0;
}
.sidebar .post.style-event .title{
display:block;
margin:1em 0 0.5em;
}

.sidebar .post.style-event .metabox{
	clear:both;
	float:none;
}

.sidebar .posts .post .todetail{
	text-align:center;
}
.sidebar .posts .post .todetail [rel="bookmark"]{
	float:none;
	margin: auto;
	display:block;
	margin:0.5em 1em;
}

	
/*SIDEVOICE*/
#side-voice{
border:1px solid #F7EFD5;
margin-bottom:15px;
}
#side-voice .posts .post{
padding:8px;
} 
#side-voice .posts .thumbnail{
margin:0 auto;
}

#side-voice .posts .attachment img{
width:auto;
max-width:115px;
max-height:165px;
margin: 0 auto;
}
#side-voice .posts .tmb-icon.new{
display:none;
}



#side-voice .posts .voice-meta{
float:right;
width:115px;
}
#side-voice .posts .voice-meta .title{
margin-top:0;
}


/*SIDE-SHOPINFO*/


#side-shopinfo{
border:none;
padding:0;
border-top:2px solid #444;
border-bottom:1px solid #444;
color:#000;
margin-bottom:15px;
}
#side-shopinfo > .inbox{
	padding:0.5em 0;
}
#side-shopinfo .shopname{
background:none;
padding:0;
}


#side-shopinfo > .inbox > span,
#side-shopinfo > span{
display:block;
padding:0.1em 0;
}
#side-shopinfo > span span{
display:inline-block;
*	display:inline;
	zoom:1;
}

#side-shopinfo .shopname{
font-weight:bold;
padding-bottom:3px;
font-size:1.1em;
}

#side-shopinfo .profile_address span{
display:inline-block;
*	display:inline;
	zoom:1;

}

#side-shopinfo .tel .number,
#side-shopinfo .fax .number{
font-size:1.3em;
}
#side-shopinfo .profile_photo img{
max-width:100%;
width:auto;
max-height:220px;
height:auto;
margin: 0 auto;
display:block;
}
#side-shopinfo-link,
#foot-shopinfo-link{
padding:10px 0 0;
text-align:center;
}

#side-shopinfo .profile_licentiate,
#foot-shopinfo .profile_licentiate{
font-size:11px;
line-height:1.2em;
}


#side-shopinfo-link > span a,
#foot-shopinfo-link > span a{
background:none;
text-indent:0;
text-align:center;
line-height:1.7em;
color:#000;
border:1px solid #9a9a9a;
border-radius:2px;
width:48%;
display:inline-block;
padding-top:2px;
text-decoration:none;
}
#side-shopinfo-link > span a:hover,
#foot-shopinfo-link > span a:hover{
border:1px solid #ccc;
opacity:0.8;
}

#side-shopinfo .to_staff a,
#side-shopinfo .to_shokunin a{
	padding:5px 0 5px 35px;
	display:block;
}

#side-shopinfo .to_staff a{
	background:url(images/icon-staff.png) 5px center no-repeat;
}
#side-shopinfo .to_shokunin a{
	background:url(images/icon-shokunin.png) 5px center no-repeat;
}


.sidebar .menu-item > a{
display:block;
padding:5px 5px 5px 25px;
border-bottom:1px solid #ccc;
}
.sidebar .widget-area .menu-item a:hover {
opacity:0.7;
}

.sidebar .menu-item > ul a{
display:block;
padding:3px 5px 3px 20px;
border-bottom:1px dotted #ccc;
}


.sidebar .widget-area .widget-title{
padding:0.5em 0 0.2em;
margin-bottom:0.5em;
border-bottom:2px solid #333;
letter-spacing: 0.2em;
display:block;
font-weight:bold;
}


/*SIDE-BNRS*/
.side-bnrs{}

.side-bnrs > a{
	display:block;
	max-width:260px;
	margin:auto;
}



/*会社案内　会社概要
***************************************************************************************/


#about-filter li{
	border: 4px solid #eee;
	padding: 0.5em;
	margin-bottom: 0.5em;
	position: relative;
	transition: .6s;
}
#about-filter li:hover{
	border: 4px solid #c8cfe4;
}



#about-filter li .title {
    background: #e2e6f1 none repeat scroll 0 0;
    border-left: 7px solid #c8cfe4;
    display: block;
    padding: 0.5em;
}

#about-filter li >a{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 150%;
}


.page-about #content{}

#gaiyou table{
border:1px solid #ccc;
width:100%;
margin-top: 0;
}

.googlemap.profile_value{
text-align:center;
}


#gaiyou td,
#gaiyou th
{
border:1px solid #ccc;
}
#gaiyou th{
text-align:center;
min-width:8em;
padding:0.5em 0;
font-size:0.875em;
}
#gaiyou td{
padding:0.5em;
}

.page-about #content #entry-author-info{
display:none;
}
#gaiyou th {
background-color:#F6F4ED;
}

#gaiyou .profile_photo img{
display:block;
margin:0 auto;
}
#gaiyou .gaiyou p{
padding-bottom:0.3em;
padding-top: 0.3em;
margin-bottom: 0;
}


.page-about .gaiyou .profile_shop_name,
.page-about .gaiyou .profile_inquiry_tel{

}

#enkaku{}
#enkaku table{
	width: 100%;
	margin-top: 0;
}

#enkaku td{
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 1em 0.5em;
	vertical-align: top;
}
#enkaku td:first-child{
	min-width: 8em;
	text-align: right;
	padding-right: 1.5em;
}
#enkaku td:first-child + td{
	padding-left: 1.5em;
	width: 85%;
}


.menu-about-container{
	text-align: center;
	margin: 3em auto;
}

.menu-about-container .menu li{
	display: inline-block;
	margin-right: 1em;

}
.menu-about-container .menu li a:before{
	content: "\f101";
	font-family: FontAwesome;
	margin-right: 0.5em;
}

.menu-about-container .menu li a{
	color: #666;
}
.menu-about-container .menu li > ul{
	display: inline-block;
	margin-left: 1em;
}
.menu-about-container .menu li.current_page_item > a{
	color: #222;
	font-weight: bold;
}

/*スタッフ紹介
***************************************************************************************/

.entry-content .userbox{
	margin-bottom:2em;
}

.user_info  .photo,
.user_info .metabox{
	display: inline-block;
	vertical-align: top;
}
.user_info .metabox{
width:66%;
line-height:1.3em;
	padding-left: 3%;
}
.user_info .metabox .inbox{
}
.user_info  .userphoto,
.user_info  .photo{
	width: 30%;
	max-width: 200px;
	margin: auto;
}


.division_post{
display:block;
font-size:0.9em;
margin-bottom:1em;
}
.user_name{
border-bottom:1px solid #333;
padding:0 0 1em;
margin-bottom:0.5em;
}


.user_name em{
font-size:1.4em;
font-weight: bold;
font-style:normal;
display:inline-block;
}
.user_name .kana{
display:inline-block;
}
.profile{
margin:15px 0;
padding:5px;
}
.profile .avatar{

float:left;
}



.extended_profile table{
width:100%;
margin:0 0;
}

.extended_profile th > span{
white-space:nowrap;
padding:0.2em 0.5em;
border:1px solid #ccc;
border-radius:2px;
}

.entry-content .extended_profile{
margin-bottom:1.5em;
}

.entry-content .extended_profile th{
	width:8em;
}
.entry-content .extended_profile td,
.entry-content .extended_profile th{
border:none;
font-size:0.85em;
color:#666;
vertical-align:middle;
padding:0.3em 0 0;
}
.entry-content .user_info{
margin-bottom:3em;
}

.post_division{
	display:block;
	margin-bottom:1em;
	}
.user_info .credential{
padding-bottom:1em;
}

.entry-content .user_info .user_description{
padding:0.5em 0;
}
.entry-content .user_info .user_description p{
padding-bottom:0.5em;
}

.user_info .user_description .edit-link{
font-size:0.8em;
color: blue;
display:none;
}

body.logged-in .user_info .user_description .edit-link{
display: inline-block;

}
/* common setting */
.userbox.popup{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    overflow: hidden;
    z-index: 10091;
}
.userbox.popup .popup_inner {
    padding: 2em;
	background: #fff;
	position: relative;
	margin-bottom: 0;
	width: 100%;
	box-sizing: border-box;

}
body #overlay{
    display: none;
    top: 0;
    left: 0;
	bottom: 0;
	right: 0;
    width: 100%;
    height: 100% !important;
    background-color: #efefef;
    opacity: 0.7;
    position: fixed;
}


.user-thumbnail{
	display: inline-block;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	vertical-align: top;
	position: relative;
	text-align: center;
}
.user-thumbnail > *{
	display: block;
}
.user-thumbnail .fullname{
	font-size: 1.2em;
	margin-top: 1em;
}
.user-thumbnail .fullname .kana{
	font-size: 0.7em;
	color: #666;
}

.popup_btn{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	text-align: center;
	padding: 7%;
	box-sizing: border-box;
	vertical-align: middle;
	text-decoration: none !important;
}
.popup_btn .hoverbox{
	border: 3px solid #ccc;
	width: 100%;
	height: 100%;
	padding-top: 40%;
	box-sizing: border-box;
	font-size: 0.8em;
	background: rgba(255,255,255,0.90);
}
.popup_btn span{
	display: block;
}
.popup_btn .fullname{
	font-size: 1.7em;
}
.popup_btn:hover{
	opacity: 0.8;
	text-decoration: none;
	color: #333;
}
.userbox.popup .popup_inner:before{
content: "\f00d";
font-family: FontAwesome;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 20px;
	display: block;
	line-height: 24px;
	width: 24px;
	background: #333;
	color: #ccc;
	text-align: center;
	border-radius: 0 0 0 3px;

}
.userbox.popup .close_btn{
	position: absolute;
	text-indent: 130%;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* individual setting */
.userbox.popup {
    max-width: 600px;
	width: 90%;
	box-shadow: 0 0 5px #000;
}

/*職人紹介*/

.shokunin-meta-name{
	background:#F6EEDD;
	padding:5px;
}

.shokunin-meta-name > span,
.shokunin-meta-name .shokunin-skill-name,
.shokunin-meta-name .shokunin-meta{
	display: inline-block;
	vertical-align: bottom;
}

.shokunin-meta-name .shokunin-skill-name .shokunin-skill,
.shokunin-meta-name .shokunin-skill-name .shokunin-name-box{
	display:inline-block;
	vertical-align:middle;
}

.posts .post.style-shokunin{
	margin:1em 0 ;
	padding-bottom:2em;
}

.posts .post.style-shokunin .shokunin-skill {
	background: #d6461c none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	overflow: hidden;
	padding: 3px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 110px;
	margin: 0 0.5em 0 0;
}
.posts .post.style-shokunin .shokunin-skill:after{
	content:'.';
	display: inline-block;
	height:40px;
	width:1px;
	vertical-align:middle;
	color:#D6461C;

}
.posts .post.style-shokunin .shokunin-skill span{
	display: inline-block;
	vertical-align:middle;
}


.style-shokunin .shokunin-rubi {
    display: block;
    font-size: 11px;
    padding-bottom: 3px;
}
.shokunin-meta-name .shokunin-meta span{
	display:inline-block;
	padding-right:1em;
}

.shokunin-description{
	padding:10px;
}

.shokunin-description ul{
	margin-bottom:0;
	}
.shokunin-description ul li{
	margin-bottom:0.2em;
}

.style-shokunin .shokunin-name-box{
	display:inline-block;
	margin: 0 0.5em 0 0;
}
.style-shokunin .shokunin-name {
    color: #000;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.3em;
}
.shokunin-message {
    border: 1px dotted #894c14;
    padding: 0.5em 1em 0.5em;
    vertical-align: middle;
}
.posts .post .shokunin-message .title {
    color: #894c14;
    border-bottom: 1px dotted #894c14;
    display: block;
    padding: 0 0;
    vertical-align: middle;
		font-size: inherit;
		margin:0 0 0.5em;
}


.shokunin-message p {
    display: inline-block;
    padding: 0 0.5em;
    vertical-align: middle;
		margin:0 0 0;
		max-width:350px;
}

/*問い合わせ関連
***************************************************************************************/


/*フック*/

#bottom-hock{
padding:10px;
border:1px solid #eee;
clear:both;
}


.hublog-inquiry,
.inquiry-single{
width:100%;
padding: 0;
margin:10px auto;
border-bottom: 1px solid #ccc;
vertical-align:middle;
}

.hublog-inquiry > .title{
border-top: 1px solid #ccc;
border-bottom:1px solid #ccc;
padding:1em 0 ;
margin-bottom:0.5em;
text-align:center;
display:block;
}

.hublog-inquiry,
.inquiry-single{
padding: 3% 5% 5%;
	box-sizing: border-box;
}

.hublog-inquiry .profile_inquiry_tel .telnum,
.inquiry-single .profile_inquiry_tel .telnum{
font-size:26px;
letter-spacing:1px;
color:#000;
line-height:normal;
}

.hublog-inquiry.popup .telnum:before{
content: "\f10b";
font-family: FontAwesome;
margin-right:0.3em;
}

.hublog-inquiry-tel,
.inquiry-single-tel{
padding-left:2%;
text-align:center;
vertical-align:middle;
display:block;
margin:1em auto;
}
.popup .hublog-inquiry-tel,
.popup .inquiry-single-tel{
width:48%;
min-width:250px;
display:inline-block;
*	display:inline;
	zoom:1;
}


.hublog-inquiry-tel .profile_inquiry_tel > span,
.inquiry-single-tel .profile_inquiry_tel > span{
display:inline-block;
*	display:inline;
	zoom:1;
}


.hublog-inquiry .popup-wpcf7 a{
text-indent:0;
text-align:center;
	text-decoration: none;
background: none #BF3731;
height:auto;
padding:1em;
color:#fff;
font-weight:bold;
border-radius:3px;
box-shadow:2px 2px 0 #9A2A2C;

}
.hublog-inquiry-tel .opning-hour-day,
.inquiry-single-tel .opning-hour-day{
text-align:center;
font-size:13px;
}


.beforeform{
vertical-align:middle;
width:94%;
	margin: 1em auto;
}

.beforeform .hublog-inquiry-tel,
.beforeform > .message {
vertical-align:middle;
padding:0 0%;
display:inline-block;
	box-sizing: border-box;
}
.beforeform .hublog-inquiry-tel{
	width: 38%;
	border-left: 1px dotted #ddd;
}
.beforeform > .message{
	width: 60%;
}

.beforeform > .message .title{
margin-bottom:1em;
}
.beforeform .hublog-inquiry-tel {
padding:0.5em;
background:#fff;
}
.hublog-inquiry-tel .telnum {
font-size: 33px;
line-height: normal;
display:block;
}

.hublog-inquiry-tel .telnum.free{
background-image: url(images/freedial-s.png);
}

.beforeform + .title{
text-align:center;
padding:0.5em;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}


.beforeform > .message .hublog-inquiry-tel{
	width:auto;
}




/*フォーム*/


.before-form{
text-align:center;
}
.before-form .message{
font-size:1.3em;
color:#000;
}

.before-form .profile_inquiry_tel{
padding:1em 0 0; 
}
.before-form .profile_inquiry_tel .telnum{
line-height:1.8em;

}


.before-form .profile_opening_hours{
padding-top:0.5em;
}
.hublog-inquiry > .message{
	margin: 1.5em auto;
}


/*wpcf7*/

.nyroModalDom{
font-size:1.2em;
}

.nyroModalDom .post-thumbnail{
width:90px;
display:inline-block;
vertical-align:top;
*	display:inline;
	zoom:1;
}
.nyroModalDom h3{
display:inline-block;
vertical-align:top;
*	display:inline;
	zoom:1;

}



/*popupの場合*/

.nyroModalDom .clearfix{
}
.pWindow .contentsBox .contentsBody {
padding: 10px 10px 5px;
}

.nyroModalDom .clearfix .input-area,
.nyroModalDom h3,
.pwContainer .clearfix .input-area {
/*    width: 360px;
*/
}

.wpcf7 table {
margin:0 auto;
}

.wpcf7 table p {
margin:0 0 5px;
padding:0;
}

.wpcf7 table td,
.wpcf7 table th {
border:1px solid #ccc;
padding:3px 5px;
}
.wpcf7 table td{
background-color:#fff;
}
.wpcf7 table th {
width:150px;
background-color:#eee;
text-align:center;
color:#000;
}

.wpcf7-form iframe{
display:block;
margin:0 auto;
border:1px solid #ccc;
width:100%;
height:100px;
}

.wpcf7 td span.detail textarea {
width:98%;
overflow-y:scroll;

}
.wpcf7 .required{
	display:inline-block;
}
.wpcf7 .clearfix .required {
color:#900;
}

.wpcf7 >p .required {}

.wpcf7-form{
}
.wpcf7-form >p:before,
.wpcf7-form >p:after{
display: table;
content: "";
}
.wpcf7-form{
	border-radius: 0.5em;
	background: #f6f6f6;
	padding: 0.5em;
	box-sizing: border-box;
}
.wpcf7-form > p{
	border-bottom:1px solid #ddd;
	padding-bottom: 1em;
	display: block;
}
.wpcf7-form > p:first-child{
	border-top: 1px solid #ddd;
}

.wpcf7-form >p >b{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	text-align: right;
	box-sizing: border-box;
	margin-right: 4%;
	font-weight: normal;
}
.wpcf7-form > p > b + br {
	display:none;
}
.wpcf7-form > p > b + br + span{
	display:inline-block;
	width: 65%;
	vertical-align: top;
	box-sizing: border-box;
}

.wpcf7-form > p > b + br + span input.wpcf7-text,
.wpcf7-form > p > b + br + span textarea{
	max-width: 95%;
	margin: 0 0 0.2em;
}

.wpcf7-form >p >b.required{}
.wpcf7-form >p >b.required:after{
	content: "※必須";
	color: #900;
	display: inline-block;
	font-size: 0.85em;
	margin: 0 0.5em;
}
.wpcf7-form > p.caution,
.wpcf7-form > p.acceptance,
.wpcf7-form > p.submit{
	text-align:center;
	border: none;
}
.wpcf7-form .submit_area{
	text-align: center;
}

/*wp_social_bookmarking_light*/
.wp_social_bookmarking_light{
clear:both;
}

/*Footer
***************************************************************************************/


/*Footer*/	
#footer{
margin-top:30px;
border-top:1px solid #ccc;
background:#eee;
margin-bottom:-25px;
padding:10px 0 15px;
}

#foot-info{
}

#wp_footer {
height:0;
overflow:hidden;
}

footer-widget-area:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

#foot-info {
margin:0 auto 1em;
}

#foot-shopinfo{
padding:2em 0;
border-bottom:1px solid #ccc;
}

#foot-shopinfo-main {
float:left;
width:550px;
}


#foot-shopinfo .profile_corporate_name{
float:left;
display:block;
font-size:20px;
line-height:1.1em;
font-weight:600;
overflow:hidden;
margin-bottom:15px;
}

#foot-shopinfo .profile_address,
#foot-shopinfo .profile_tel-fax{
clear:both;
display:block;
margin-top:5px;
overflow:hidden;
}
#foot-shopinfo .profile_address span{
display:inline-block;
*	display:inline;
	zoom:1;
white-space:nowrap;
}


#footer-widget-area {
overflow:hidden;
clear:both;
float:none;
padding:2em 0;
max-width:980px;
margin:0 auto;
border-bottom:1px solid #ccc;
}



#footwidget-shopinfo{
	background: #fff none repeat scroll 0 0;
	border-radius: 20px;
	float: left;
	width: 300px;
	text-align:center;
	margin:1em 0;
}
#footwidget-shopinfo > .inbox{
	padding:1em;
	font-size:1.3em;
}
#footwidget-shopinfo > .inbox  span{
	display:inline-block;
}
#footwidget-shopinfo .title.profile_corporate_name{
	display:block;
}
#footwidget-shopinfo .title.profile_corporate_name img{
	margin:auto;
	display:block;
	padding-bottom:1em;
}

#footwidget-shopinfo > .inbox .tel{
	padding:0.5em ;
}
#footwidget-shopinfo > .inbox .tel .number{
	font-size:1.8em;
	font-weight:bold;
}
#footwidget-shopinfo > .inbox .to_inquiry{
	display:block;
	margin:1em auto;
}

#footwidget-shopinfo > .inbox .to_inquiry a {
    background: #6F523B none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    display: block;
    float: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 3em;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
		box-shadow:2px 4px 0 rgba(0,0,0,0.20);
}
#footwidget-shopinfo > .inbox .to_inquiry a:hover{
	text-decoration:none;
	opacity:0.9;
}

#footer-widget-area #foot_widget-second {
margin-right:0;
clear:both;
float:none;
width:100%;
margin-left:-10px;
padding:10px 10px 0 10px;
border-top:1px solid #eee;
}
#footer-widget-area #foot_widget-second .widget-container{
width:100%;
}

#footer-widget-area #foot_widget-second:after{
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

#footer-widget-area #foot_widget-first > li {
	display: inline-block;
	width: 30%;
	margin: 1.5%;
	box-sizing: border-box;
	padding: 0 1em;
	vertical-align: top;
}
#footer-widget-area #foot_widget-first .widget-title{
	margin-bottom: 0.5em;
	display: block;
}



#footer-widget-area #footwidget-shopinfo + .widget-container,
#footer-widget-area #footwidget-shopinfo + .widget-container + .widget-container,
#footer-widget-area #footwidget-shopinfo + .widget-container + .widget-container + .widget-container{
	display: table-cell;
	width: auto;
	padding-left:20px;
	margin:1em auto;
}


#footer-widget-area #footwidget-shopinfo + .widget-container li,
#footer-widget-area #footwidget-shopinfo + .widget-container + .widget-container li,
#footer-widget-area #footwidget-shopinfo + .widget-container + .widget-container + .widget-container li{
}


#footer-widget-area #foot_widget-first li li{
	display:list-item;
	list-style:none;
}
#footer-widget-area #foot_widget-first li li:before{
	content: "・";

}
#footer-widget-area #foot_widget-first li a{
	color: #222;
}

#footer-widget-area .widget-simpletags a {
background:none;
float:left;
padding-left:20px;
white-space:nowrap;
color: #222;
}

#footer-widget-area .widget-simpletags h3 {
float:left;
display:block;
width:100px;
background:url(images/title_shopinfo_footer-tag.png) 0 center no-repeat;
text-indent:110%;
white-space: nowrap;
overflow:hidden;
height:30px;
}

#footer-widget-area .widget-title {
margin-bottom:0.5em;
}


#footer .cr{
text-align:center;
}

.to_dashboard{
	position: fixed;
	bottom:0;
	right:0;
	display:block;
	padding:0.5em 1em;
	background:#fff;
	border:1px solid #ccc;
	z-index: 99999;
}
.to_dashboard a{
	display:block;
	text-align:right;
}
address{
	font-style:normal;
}

.login a{
color:#ccc;
}
/*JETPCK HACK*/
div.sharedaddy h3{
	display: none !important;
	
}
.sd-social-icon .sd-content ul li.share-custom-line[class*="share-"] a.sd-button{
	background:#00C300;
}



/*ThemeSwitch*/
option[value="Hublog"],
option[value="Twenty Eleven"],
option[value="Twenty Ten"],
option[value="WordPress Classic"],
option[value="WordPress Default"]
{
display:none;
}

.sharedaddy{
position: fixed;
bottom: 1em;
left: 0;
right: 0;}
.sharedaddy .sd-content ul{
text-align: center;
}
.sharedaddy .sd-content ul li{
display: inline-block;
}