@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 {
-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,
.hidden {
display: none;
}

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

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

a {
background-color: transparent;
}

/**
* 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%;
}
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 0;
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*/

.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.5%;
	vertical-align:top;
	position:relative;
}

/*  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%;
}


/* End captions */


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

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

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

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

a:hover img{
opacity:0.85;
}

.scale {
    overflow: hidden;
		display:block;
}
.scale img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


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,"游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS PGothic","Helvetica Neue",sans-serif;
font-size:62%;
color:#333;
}
.mincho{
font-family:'YuMincho','Yu Mincho',"HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
letter-spacing:0.1em;
line-height:1.7em;
}

.mincho.bold,
.mincho_b{
font-family:'YuMincho','Yu Mincho',"HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
font-weight: bold;
letter-spacing:0.1em;
}

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

#main{
margin-top:1em;
}


#main{
	font-size:1.4em;
}

.bnrs{
	text-align:center;}
.bnrs a{
	display:inline-block;
}
#container{
width:100%;
margin-left:-320px;
float:left;
}

#content{
	margin-left:320px;
}
#sidebar{
	width:300px;
float: right;
padding:0;
}


#main,
#feature_item{
	padding:0 2%;
}



@media screen and (max-width: 979px) {
#feature_item{
	padding:0;
}
#topinfo.topinfo-home #slideshow{
}
#topinfo.topinfo-home #feature_item{
	float:none;
}
#container,
#sidebar{
		padding:0 !important;
 }
}




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

#header .description {
background: url(images/bg-bk30.png);
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 .logo,
#header .sitetitle .blogname{
	display:inline-block;
	vertical-align:middle;
}

#header .blogname{
	background: url(images/blogname-bg.png) center 0 no-repeat;
	padding-top:30px;
	width:300px;
	text-align:center;
}


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

#foot-shopinfo{
	max-width:980px;
}
#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:10px 0 5px;
*	display:inline;
	zoom:1;
}


#foot-shopinfo-main .number,
.hublog-inquiry .telnum,
.profile_inquiry_tel .telnum{
font-size:2em;
display: inline-block;
}


#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;
}


.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:#ccc;
clear:both;
float:none;
}


.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:1200px;
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;
z-index: 999999;
margin-left:1.5em;
}

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


#access > div > ul a {
display:block;
}
#access > div  > ul li{
display:block;
}
#access > div  > ul li li{
clear:both;
}

#access > div  > ul li li a{
background:#000;
color:#fff;
border-bottom:1px solid #999;
padding:0.5em 1.5em;
line-height:1.8em;
font-size:1.2em;
}
#access > div  > ul li li a:hover{
background-color:#333;
}


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

#access > div  > ul > li > a {
display:block;
padding:1.3em 1.5em;
text-decoration:none;
text-align:center;
color:#fff;
white-space:nowrap;
font-size:1.3em;
font-weight:bold;
}
#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: 979px){
.menu-access-container{ display: block!important;}
}

/*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 */




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







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

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


/*LOOPPART*/


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

}


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

.posts .post .thumbnail{
background:#111;
text-align:center;
height:auto;
display: inline-block;
vertical-align:top;
width:30%;
}

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

.posts .post .attachment img{
}



.posts.archive .post .attachment img{
max-width:100%;
max-height:100%;
width: auto;
height: auto;
}
.posts.archive .post .inc_video{
	color:#fff;
	background:#CC181E;
	display:inline-block;
	line-height:1.3em;
	border-radius:2px;
	padding:0 0.2em;
	font-size:0.8em;
}
.posts.archive .post .inc_video:before{
content: "\e04b";
font-family: 'Material Icons';
margin-right:0.5em;
color:#fff;
}

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


.posts .post .title a{
color:#000;
}
.posts .post .metabox{
	width:65%;
	display: inline-block;
	padding-left:4%;
	margin-left:0;
}

.posts .post .metabox{
}



.posts .thumbnail .tmb-icon{
display:block;
position:absolute;
top:-1px;
left:-1px;
}

.posts .thumbnail .tmb-icon.new{
top:5px;
left:-1px;
background:url(images/icon_new.png) 0 0 no-repeat;
width:31px;
height:12px;
text-indent:-999px;
overflow:hidden;
}

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



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

.date{
font-size:11px;
}
body.home #breadcrumb{
	display: none;
}
#breadcrumb{
padding:0 0 0.5em;
font-size:0.9rem;
color:#666;
}
#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;
}

#page_cover img{
	max-width:880px;
	}

.entry-title,
.index-title,
.page-title,
#post-title
{
font-size:1.4em;
color:#fff;
background:#111;
padding:1em 1.5em;
line-height:1.4em;
margin-top:0;
margin-bottom:0;
}
.entry-title.smallheader{
	font-size:1.0em;
	padding:0.5em 0 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-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 1em;
line-height:2em;
    margin: auto;
}
.pagebar ul {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.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 #333;
font-weight:700;
background:#111;
color:#fff;
padding:.2em .5em;
}

.pagebar a,.pageList .this-page {
border:1px solid #333;
text-decoration:none;
padding:.2em .5em;
}
.pagebar a{
	background:#999;
	color:#fff;
}
.pagebar a:hover {
	background-color:#333;

}

.pagebar a:visited {
text-decoration:none;
padding:.2em .5em;

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



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

.entry-content{
	background:url(images/bg-wh60.png);
	font-size:1.0rem;
}
.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 p{
line-height:1.5em;
margin:0 0 1em;
}
.entry-content a{
text-decoration:underline;
}

.entry-content h2{
background: url(images/h2.png) 5px center no-repeat #555;
color:#fff;
padding:0.4em 0 0.4em 40px;
font-size:1.2em;
border-bottom:1px solid #fff;
margin:3em -1rem 1.5rem -1rem;
box-shadow:0 5px 5px #ccc;
}
.entry-content  h2:first-child{
margin-top: 1em;
}
.entry-content h3{
background:url(images/circle.png) 5px center no-repeat;
padding:0.3em 0.5em  0.3em  25px;
font-size:1.1em;
border-bottom:1px dotted #666;
margin:2em 0 1em;
}
.entry-content h2 + h3{
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.0em;
}


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


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

.entry-content hr{
	display:block;
}



#entry-author-info{
margin-left:-10px;
clear:both;
padding:20px 0;
}

#author-description h2{
background:none;
border:none;
}

.releated-posts a.arrow:before,
.entry-content a.arrow:before {
content: "\e5e1";
font-family: 'Material Icons';
margin-right:0.5em;
}

.entry-content li
{
display:list-item;
font-size:1.1em;
margin-bottom: 0.4em;
}
.entry-content ul {
list-style: square outside none;
margin: 0 0 1em 2.5em;
}
.entry-content ul ul {
list-style: disc 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.asterisk {
  counter-reset: number;
  list-style: none;
	margin-left:1em;
}
ul.asterisk li{
	line-height:1.4em;
  font-size: 1em;
  margin-bottom: 0.3em;
}
ul.asterisk li:before {
  content: "※ ";
	font-size:1rem;
}



.entry-content .bold{
font-weight:bold;
}

.entry-content .black{
color: #000;
}
.entry-content .red{
color: #F00;
}
.entry-content .orange{
color: #FF5300;
}

.entry-content .blue{
color: rgba(0,19,131,1.00);
}
.entry-content .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;
}
.entry-content > table th,
.entry-content > table td{
	border: 1px solid #ccc;
}




.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;
}


.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;
}

table.border{
	width:100%;
}
table.border td,
table.border th{
border: 1px solid #ccc;
}
table.border th{
	text-align:center;
}
.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 .anchor{
padding-top:30px;
margin-top:-30px;
}


.entry-content .txt-l{
font-size:1.1em;
}
.entry-content .txt-ll{
font-size:1.3em;
}
.entry-content .txt-lll{
font-size:1.5em;
}
.entry-content .txt-s{
font-size:0.85em;
line-height:1.4em;
}
.entry-content .txt-n{
font-size:inherit;
}

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


.entry-content .w150{
width:150px;
}

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

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

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

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

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

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

.entry-content .w500{
width:100%;
max-width:500px;
}
.entry-content .w550{
width:100%;
max-width:550px;
}


.entry-content .mg0{
margin:0;
}

.entry-content .mb0{
margin-bottom:0;
}

.entry-content .mt1em{
margin-top:1em;
}
.entry-content .pt1em{
padding-top:1em;
}
.entry-content .mb1em{
margin-bottom:1em;
}
.entry-content .pb1em{
padding-bottom:1em;
}
.entry-content .pl1em{
padding-left:1em;
}
.entry-content .pl2em{
padding-left:2em;
}


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

.w50{
width:49%;
display:inline-block;
vertical-align:top;
}
.w33{
width:30%;
display:inline-block;
vertical-align:top;
}





.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;
	color:#888;
}



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

.textwidget iframe,
.movie-wrap video,
.movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.movie-box > div{
	margin: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;
}

.widget-branch ul{
	margin:0;
}
.widget-branch .sabageunion{
	background:#222;
	padding:em;
	display:block;
}
.widget-branch .sabageunion a{
	color:#fff;
	text-decoration:none;
	display:block;
}

/*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 */

.style-events .events_date{
	font-size:1.4em;
}
.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:inline-block;
width:6em;
}

.posts .post.style-headline .title{
display:inline-block;
margin-left:-6em;
padding-left:6em;
}



.posts .post.style-example{
border:none ;
display: block;
width:32%;
padding:1.5% 0.5%;
float:left;
}



.posts .post.style-example .thumbnail,
.post.style-example .title{
margin:auto;
width:100%;
max-width:200px;
display:block;
}
.thumbnail .cat_icon{
	position: absolute;
	right:-3px;
	bottom:-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;
}
.thumbnail:hover .cat_icon{
	opacity:0.2;
}


.cat_icon.example{
	display:none;
}


.post.style-example .title{
clear: both;
float: none;
height: 4.5em;
margin-top: 1em;
overflow: hidden;
font-size:1em;
}
.posts .post.style-example .thumbnail{
float:none;

}

.posts .post.style-example .attachment img{
}

.archive .posts{
	background:rgba(255,255,255,0.60);
	padding:1em;
}
.archive .posts .post .title{
	font-size:1.2em;
}

.archive .posts .post .todetail{
	text-align:center;
}
.archive .posts .post .todetail a.arrow{
	color:#333;
}

.linkbox{
	text-align:center;
}
.linkbox a{
	background:url(images/bg-bk80.png);
color:#fff;
display:inline-block;
border-radius:3px;
padding:0.5em 2em;
border:1px solid #ccc;
text-decoration:none;
margin: 0.5em auto;
}

.linkbox a:before{
content: "\e5e1";
font-family: 'Material Icons';
font-size:0.8em;
margin-right:0.5em;
color:#fff;
}




/*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;
}

/*CALENDAR*/
table.my-calendar-table{
	table-layout:fixed;width:100%;
}
table.my-calendar-table td{
word-wrap:break-word;
}






/*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:130px;
	height: auto;
	overflow: hidden;
}
.sidebar .posts .post.style-thumb_title .thumbnail img{
	width:130px;
	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:-140px;
	width:100%;
	padding:0;
}
.sidebar .posts .post.style-thumb_title .metabox .inbox{
	margin-left:150px;
}



/*SIDE-SHOPINFO*/


#side-shopinfo{
border:none;
padding:0;
border-bottom:1px solid #444;
color:#000;
margin-bottom:15px;
}
#side-shopinfo > .inbox{
	padding:0.5em;
}
#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;
display:block;
font-weight:bold;
}


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

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



/*会社案内　会社概要
***************************************************************************************/
.page-about #content{}

.page-about #content table{
border:1px solid #ccc;
width:100%;
}

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


.page-about #content td,
.page-about #content th
{
border:1px solid #ccc;
}
.page-about #content th{
text-align:center;
width:160px;
padding:3px 0;
font-size:0.875em;
}
.page-about #content td{
padding:3px 5px;
}

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

.page-about .gaiyou .profile_photo img{
display:block;
margin:0 auto;
}
.page-about .entry-content .gaiyou p{
padding-bottom:0.8em;
}


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

}



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


/*フック*/

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


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

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

.hublog-inquiry > .inbox,
.inquiry-single > .inbox{
padding: 3% 5% 5%;
}


.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-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 .mobile-mail{
	padding:1% 5%;
	text-align:center;
	font-size:1.1em;
	margin:0 1em;
	border:4px solid #AD0002;
	margin-bottom:1em;
}
.hublog-inquiry .mobile-mail > .title{
	font-weight:bold;
	color:#AD0002;
	font-size:1.2em;

}
.hublog-inquiry .mobile-mail .profile_inquiry_domain{
	font-size:1.4em;
	font-weight: bold;
	color:rgba(0,119,177,1.00);

}

.hublog-inquiry .popup-wpcf7 a{
text-indent:0;
text-align:center;
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;
border-top:1px dotted #ccc;
}


.beforeform{
vertical-align:middle;
width:100%;
padding-bottom:1em;
text-align: justify;
}

.beforeform .hublog-inquiry-tel,
.beforeform > .message {
vertical-align:middle;
width: 48%;
padding:0 0%;
text-align:center;
display:inline-block;
*	display:inline;
	zoom:1;
}

.beforeform > .message .title{
margin-bottom:1em;
}
.beforeform .hublog-inquiry-tel {
border: 1px solid #2C9828;
border-radius:1em;
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;
}



/*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;

}


.wpcf7-form  span.inlineb{
	display:inline-block;
}



.wpcf7-form .clearfix {

	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;
	border:1px solid #ddd;
	margin-bottom:0.2em;

}



.wpcf7-form .clearfix b,
.wpcf7-form .clearfix .input-area{
	box-sizing: border-box;
	padding:0.5em 1%;
	margin:0;
	vertical-align:top;
	position:relative;
}
.wpcf7-form .clearfix  b{
	width:30%;
	background:url(images/page-bg.jpg) -10px -10px;
	vertical-align:middle;
}
.wpcf7-form .clearfix .input-area{
	background:#fff;
	width:65%;
}
.wpcf7-form h3,
.wpcf7-form h4,
.wpcf7-form h5{
	margin-bottom:0.3em;
}

.wpcf7-form .clearfix .wpcf7-form-control,
.wpcf7-form .clearfix .wpcf7-textarea,
.wpcf7-form .clearfix .wpcf7-text{
max-width:95%;
}




.wpcf7-form .clearfix.iframebox{
background-image:none;
margin-bottom:20px;
}
.wpcf7-form .clearfix.iframebox iframe{
width:95%;
}



span.wpcf7-list-item{
display:inline-block;
*	display:inline;
	zoom:1;
}

.wpcf7-radio span.wpcf7-list-item{
	display:block;
}


.wpcf7-form .clearfix .input-area + br,
.wpcf7-form .clearfix b + br{
display:none;
}


/*popupの場合*/

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

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

.wpcf7 .caution {
color:#900;
text-align:center;
}

.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;
}
.required {
color:#900;
}

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

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


/*Footer*/
#footer{
margin-top:30px;
border-top:2px solid #333;
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 #333;
margin:auto;
}

#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 #333;
}



#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 #333;
}
#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 .widget-simpletags a {
background:none;
float:left;
height:30px;
padding-left:20px;
white-space:nowrap;
}


#footer-widget-area .widget-container{
margin-right:20px;
float:left;
width:300px;
padding:0 0 20px 0;
}


#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:before{
content: "\e5e1";
font-family: 'Material Icons';
margin-right:0.5em;
font-size:0.8em;
color:#999;
}
#footer-widget-area #foot_widget-first li li{
	font-family: inherit;
}
#footer-widget-area #foot_widget-first li li a{
	color:#ccc;
}


#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;
font-weight:bold;
}


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



.login a{
color:#ccc;
}
/*JETPCK HACK*/
.entry-content div.sharedaddy h3.sd-title::before{
	border-top:none;
}

.entry-content div.sharedaddy,
body.page.page-template-default #container + div.sharedaddy,
body.home #container + div.sharedaddy{
	position: fixed;
	bottom:0;
	left:1em;
	z-index:999;
}

body.page.page-template-default #container + div.sharedaddy h3.sd-title,
body.home div.sharedaddy h3.sd-title,
.entry-content div.sharedaddy h3.sd-title{
	display: none;
	padding:0 0 0 25px;
	font-size:inherit;

}
.sd-social-icon .sd-content ul li.share-custom-line[class*="share-"] a.sd-button{
	background:#00C300;
}
.sd-social-icon .sd-content ul{
	text-align: center;
}
.sd-social-icon .sd-content{
}


.sd-social-icon .sd-content ul li > a{
	padding:10px !important;
}


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




/*UNION*/



.btn{
	display: block;
	text-align:center;
}

.btn a,
.entry-content .btn a{
	background:url(images/bg-bk60.png);
	display:inline-block;
	border-radius:3px;
	padding:0.7em 2em;
	color:#fff;
	text-decoration:none;
	margin-bottom:0.5em;
}

.arrow.btn a:before{
content: "\e5e1""\e5e1";
font-family: 'Material Icons';
font-size:0.8em;
color:#fff;
margin-right:1em;
}
a.arrow:before{
content: "\e5e1""\e5e1";
font-family: 'Material Icons';
font-size:0.8em;
margin-right:0.5em;
color:#333;
}
a.arrow{
	font-family:inherit;
}
a.down:before{
content: "\e5cf";
font-family: 'Material Icons';
font-size:0.8em;
margin-right:0.5em;
}


/*COLOR*/
#page{
	background:url(images/page-bg.jpg);
}

#content{
}
#footer,
#footer a{
	background:#111;
	color:#eee;
}


/*HEADER*/


#header .sitetitle{
	width:100%;
	max-width:580px;
	vertical-align:middle;
	float:left;
	display:block;
}

#global-header{
	vertical-align:middle;
}

#foot-shopinfo-sub,
#header-sub{
	width:100%;
	max-width:420px;
	vertical-align:middle;
	float:right;
padding: 0 0 10px;
display:inline-block;
text-align: right;
}



.globNav-toggle{
display:none;
}
#mobile_nav{
	display:none;
}


@media screen and (max-width: 979px) {
#header{
	border-top:50px solid #333;
}
#header-sub,
#header .sitetitle{
	text-align:center;
	max-width:none;
float:none;
}
.globNav-toggle{

	display:block;
	float:left;
	width:50px;
	margin:0;
}
.globNav-toggle > span[title="menu"]{
padding:10px 10px 0;
background:#000;
color:#fff;
line-height:30px;
height:41px;
overflow:hidden;
display:inline-block;
}

.globNav-toggle > span i{
font-size:26px;
}


#mobile_nav{
	display: block;
	float:right;
	margin-left:-60px;
	width:100%;
}
#mobile_nav ul.flexbox{
	margin-left:60px;
	width:100%;
	padding:7px 0 0;

}
#mobile_nav ul{
	padding:0.5em 0;
}
#mobile_nav ul li{
}
#mobile_nav ul li a{
	display:block;
	padding:0.5em 0 ;
	background:#333;
	border-radius:3px;
	text-align:center;
}

#mobile_nav ul li.teireikai a{
	background: rgba(0,109,224,1.00);
}


#mobile_nav ul li.reservation a{
	background:#9E0002;
}
#mobile_nav ul li.access a{
	background: rgba(8,122,0,1.00);
}
#access{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
	background: transparent url(images/bg-bk70.png) !important;
	border-bottom:1px solid #000;
}
#access > div > ul > li > a{
	text-align:left;}
}
#header-sub .menu-header_link-container,
#header-sub .contact{
	display:inline-block;
	float: none;
	vertical-align:middle;
}
#header-sub .menu-header_link-container{
	padding-right:1em;
}
#header-sub .contact{
	text-align: left;
	font-style:normal;
	padding-left:1em;
}

#foot-shopinfo-sub .menu-item.reservation  a,
#header-sub .menu-item.reservation  a{
	display:block;
	background: rgba(158,0,2,1.00);
	color:#fff;
	font-size:1.4em;
	padding:0.7em 2em;
	border-radius:3px;
	box-shadow:0 3px 5px #000;
}


#header-sub .menu-item.reservation  a:before{
content: "\e5e1";
font-family: 'Material Icons';
margin-right:0.5em;
}

#header-sub .profile_address{
	display:block;
	float:none;
	clear:both;
}
#header-sub .profile_address > span{
	display:inline-block;
}


#topinfo.topinfo-home{
	padding:1em 0 1em;
}
#topinfo.topinfo-home #slideshow{
	vertical-align:top;
	display:inline-block;
	width:76%;
	padding-bottom:0;
  border: none;
  border-radius: 0;
  margin-bottom: 1em;

}
#feature_item-bsp-kashikiri{
	vertical-align:top;
	width:23.5%;
	display:inline-block;
}

#side-union_service {
	text-align:center;
}

#side-union_service li{
	width:32%;
	vertical-align:top;
	margin:0;
}
#topinfo #side-union_service li{
flex: 1 0 0%;
}

#topinfo.topinfo-home{
	background:#333;
}
@media screen and (max-width: 699px) {
#topinfo #side-union_service li{
flex: none;
}
}



/*FLEXSLIDER*/
#slideshow{
position:relative;
width:100%;
}
#slideshow .flex-control-nav{
	bottom:2em;
}
#slideshow .posts .post .post-edit-link{
	right:0;
	top:0;
	font-size:2em;
	height:2em;
	line-height:2em;
}

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

.home{}
#home-title{
	background:#ccc;
	padding:1em 0;
}
#home-title h1.title{
	font-size:1.1rem;
	font-weight:normal;
	margin:0;
}

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


#side-union_service li.rental{
	margin-right:2% ;

}
#side-union_service li.memberscard{
	margin-left:2% ;
}


.sidebar #feature_item-beginner{
	width:100%;
}
.sidebar #feature_item-bsp-kashikiri {
	float: none;
	width:100%;
	max-width:100%;
}
.sidebar #feature_item-bsp-kashikiri .bnr{
	width:49%;
	display:inline-block;
}

.sidebar #side-union_service li{
	width:100%;
	margin:0;
}

#home-recommend{
	display:none;
}

@media screen and (max-width: 699px) {
#feature_item  ul.flexbox  > li.memberscard{
	padding-left:1%;
}

#topinfo.topinfo-home #slideshow,
#feature_item-bsp-kashikiri,
#feature_item-beginner{
	width:100%;
	float:none;
	max-width:100%;
}
#feature_item-union_service #side-union_service .bnr{
	width:100%;
	max-width:400px;
	margin:auto;
}

#feature_item-bsp-kashikiri .bnr{
	width:49%;
	display:inline-block;
	max-width:400px;
	margin:auto;
}

#home-recommend{
	display:block;
}
#home-recommend a{
	width:100%;
	max-width:400px;
	margin: auto;
}

}



.home-title,
.sidebar .widget-area .widget-title{
	background:#444;
	color:#fff;
	font-size:1rem;
	padding:0.8rem 1rem;
	margin:0;
}
.home-title a,
.sidebar .widget-area .widget-title a{
	color:#fff;
}

.sidebar #searchform{
	background:#444;
	margin-bottom:1em;
	padding:0.5em;
	border-radius:2px;
}
#searchform label.screen-reader-text:before{
content: "\e8b6";
font-family: 'Material Icons';
margin-right:0.5em;
color:#fff;
line-height:2em;
font-size:1.1em;
}
#searchform label.screen-reader-text{
	width:1.2em;
	height:2em;
	overflow: hidden;
}
#searchform > div > *{
	display:inline-block;
	vertical-align:middle;
}

.widget_facebook_likebox{
	margin-bottom:1em;
}

#home-infoarea #home-signals{
	padding:0;
	margin:0 0.8% 0 0;

}
#home-infoarea #home-photo{
	padding:0;
	margin:0 0 0 0.8%;
}

#home-infoarea #home-photo .movie-wrap{
	margin-bottom: 0;
}



#home-infoarea{}


#home-newsslide{
margin-bottom: 1em;
}

.post.style-slidenews{
}

.post.style-slidenews a.thumbnail{
padding-top: 60%;
position: relative;
height: 0;
overflow: hidden;
width: 100%;
}




.post.style-slidenews a img{
position: absolute;
top: 0;
left: 0;
display: block;
margin: 0;
}
.post.style-slidenews a .title{
position: absolute;
bottom: 0;
left: 0;
 right: 0;
 background: rgba(0,0,0,0.70);
 color: #fff;
 margin: 0;
 padding: 0.5em;
}
.post.style-slidenews .post-edit-link{
top:0;
height:2em;
}

@media screen and (max-width: 479px) {
.post.style-slidenews a.thumbnail{
padding-top: 110%;
}
.post.style-slidenews a .title{
line-height: 1.4em;
font-size: 0.9em;
text-align: left;
}
}


#home-infoarea.flexbox > section{
	width:49%;
	height:auto;
}

.posts .post.style-home-signals1,
.posts .post.style-home-signals2{
	vertical-align:top;
	padding:1em 0 0;
}
.posts .post.style-home-signals1{
}
.posts .post.style-home-signals2{
	border-top:1px solid #ccc;
	padding:0.5em 0;
}

#home-infoarea #home-signals .posts{
	padding:0.5em;
}

.posts .post.style-home-signals1 .metabox{
	width:40%;
	margin-left:0;
}
#home-signals .post.style-home-signals1{
	margin-bottom:1em;
}
#home-signals .post.style-home-signals1 .thumbnail{
	width:50%;
}
.posts .post.style-home-signals1 .attachment img{
	max-height:250px;
	height:auto;
}

.posts .post.style-home-signals2 .metabox{
	width:70%;
}


.posts .post.style-home-signals2 .thumbnail{
	width:20%;
}

.posts .post.style-home-signals2 .attachment img{
	max-height:60px;
	height:auto;
}

.posts .post.style-home-signals1 .title,
.posts .post.style-home-signals2 .title{
	line-height:1.4em;
	margin-bottom:0;
}


#home-photo{
	position:relative;
}
.posts .post.style-photo .thumbnail{
	background: transparent;
	width:100%;
}

.posts .post.style-photo .thumbnail p.title{
	display:block;
	margin:0;
	background:url(images/bg-bk60.png);
	color:#fff;
	padding:2%;
	width:96%;
	position:absolute;
	bottom:0;
	text-align:left;
}

.posts .post.style-photo  .attachment img{
	max-width:480px;
	height:auto;
  max-height: 390px;
  width: auto;
}

/*EVENTS*/
/*SIDE*/
#side-events{
	margin-bottom:1em;
}
#side-events .toindex{
	background:url(images/bg-bk70.png) ;
	color:#fff;
	line-height:2em;
	border-radius:2px;
	margin:0 auto;
}
#side-events .toindex a:before{
content: "\e5e1""\e5e1";
font-family: 'Material Icons';
margin-right:0.5em;
}
#side-events .toindex a{
	color:#fff;
	text-align:center;
	display:block;
}
.posts .post.style-side-events{
	position:relative;
	margin-bottom:0.3em;

}
.posts .post.style-side-events .thumbnail{
	width:100%;
}
.posts .post.style-side-events .attachment img{
	max-width:100%;
	max-height:100%;
	width:100%;
	height:auto;
}

 .announcement{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
 .announcement img{
	 display:block;
	 width:100%;
	 height:auto;
	}

.archive  #side-events .posts{
	padding:0;
}
.posts .post.style-side-events .post-edit-link{
	top:0;
	right:0;
	bottom: inherit;
	height:1.5em;
}
.posts .post.style-side-events .metabox{
	width:96%;
	padding:2%;
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}

.posts .post.style-side-events .metabox{
	display:none;
	text-align:center;
}
.posts .post.style-side-events .sd-sharing .sd-title{
	border:none;
	display:block;

}

.posts .post.style-side-events div.sharedaddy h3.sd-title::before{
	border:none;
}
.posts .post.style-side-events:hover .metabox{
	display:block;
	background:url(images/bg-bk20.png);
	color:#fff;
}
.posts .post.style-side-events:hover .metabox .sd-title{
	display:none;
}
.posts .post.style-side-events:hover .metabox > span a{
	display: inline-block;
	background:url(images/bg-bk60.png);
	color:#fff;
	border:1px solid #ccc;
	border-radius:0.5em;
	line-height:1.6em;
	padding:0.2em 2em;
	margin-bottom:0.3em;
	font-size:1.2em;
}

.posts .post.style-side-events .sd-content ul{
}
.posts .post.style-side-events .sd-content ul li a{
	border:1px solid #fff;
}
/*SINGLE*/
#events_cover{
	width:100%;
}
#events_cover > img{
	display:block;
}
#events_cover .sharedaddy h3{
	display:none;
}
#events_cover .sharedaddy ul{
	text-align: center;
	padding:0 1em;
}

.entry-content .events-photos_url{
	border-top:1px solid #ccc;
	margin:2em auto 1em;
	padding:1em;
}


/*PHOTOS-SINGLE*/

body.photos-single{
	background:#222;
	color:#fff;
	height:50%;
	width: auto;
}
body.photos-single > .inbox{
	height:100%;
}
body.photos-single .attachment{
	height:100%;
	width:100%;
	max-width:none;
	max-height:none;
	display:block;
	text-align:center;
}
body.photos-single .attachment img{
	max-width:100%;
	max-height:100%;
	height: auto;
	width: auto;
}
body.photos-single div.sharedaddy h3.sd-title{
	display:none;
}
body.photos-single div.attachment{
	position:relative;
}


body.photos-single div.sharedaddy{
	position: absolute;
	bottom:2em;
	left:0;
	right:0;
}

body.photos-single .toindex{
	text-align: right;
	background: transparent none;
}





/*ENTRY SINGLE*/


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

#home-infoarea.flexbox > section{
	width:100%;
	margin:auto;
}

}

/*PHOTOS SHOTS*/

.inc_video{
	margin:2em auto;
}
.inc_video iframe{
	margin:auto;
	display:block;
}

#gallery-1 .gallery-item{
	padding:0;
}
#gallery-1 .gallery-item dt{
	border:none;
}





/*ENTRY*/
.entry-content{
	padding:1em;
}


#weekly tr th img, #weekly tr th a{
	max-height:50px;
}
#weekly tr th img, #weekly tr th a img{
	max-width:75px;
	margin:auto;
}



/*teireikai*/

.events.type-events #events_cover,
#main.page-teireikai #content .entry-header{
	position:relative;
}
#main.page-teireikai #content .sd-social-icon {
	background:url(images/bg-bk70.png);
	position:absolute;
	bottom:0;
	right:0;
	padding:0;
}
#main.page-teireikai #content .sd-social-icon .sd-content{
	margin:0;
}
.events.type-events #events_cover .sd-social-icon {
	background:url(images/bg-bk40.png);
	position:absolute;
	display:block;
	bottom:0;
	width:100%;
	text-align:center;

}
.events.type-events #events_cover .sd-content{
}

/*guidance*/
#guidance-access address{
	font-style:normal;
	margin-bottom:2em;
}
#guidance-access address .number{
	font-size:1.5em;
}

/*SYSTEM*/
table.pricelist{
	background:#fff;
	width:100%;
	margin-bottom:1em;
	margin-top:0;

}
table.pricelist td,
table.pricelist th{
	border:1px solid #ccc;
	text-align:center;
	line-height:1.4em;

}
table.pricelist th > span{
	display:inline-block;
}
table.pricelist span{
	display:inline-block;
}

/*reservation*/
/*HEADSHOT MET WORLD MyCalendar*/
.entry-content .my-calendar-table h3{
	background-image:none;
	padding-left:inherit;
}



/*FONTAWESOME*/

#footer{}

.widget-branch ul .sabageunion{}

.widget-branch ul .sabageunion{
	border-bottom:1px solid #333;
}
.widget-branch ul .sabageunion > a > span{
	display: inline-block;
	vertical-align:middle;
}
.widget-branch ul .sabageunion a > span span{
	display:block;
}

.widget-branch ul ul{
	padding:2em 0;
}
.widget-branch ul ul li{
	display:inline-block;
	width: 32%;
	max-width:105px;
}
.widget-branch ul ul li a img{
	width:100%;
	height:auto;
}
 .posts.recent .post.style-events  .thumbnail{
 width: 50%
 }
 .posts.recent .post.style-events  .metabox{
width: 45%;
}
.closed{
color: rgba(146,0,2,1.00);
font-weight: bold;
}




@media screen and (max-width: 979px) {
#mobile_nav .addfriends{
	width:74%;
	margin:6px 0.5% 3px;
	background-size:contain;
	border-radius:3px;

}
#mobile_nav .addfriends a{
	color:#fff;
	display:block;
	line-height:38px;
	font-size:16px;
	font-weight:bold;
	padding: 0 0 0 0;
	background:url(images/line_icon-mobile.png) 0 center no-repeat #00E000;
	position: relative;
	}
#mobile_nav .line_addfriends a:before{
	content: "";
	position: absolute;
	left: 46px;
	top: 0;
	bottom: 0;
border-left:1px solid #00C900;
	display: inline-block;
	width: 1px;
}
}
.line_addfriends{
	background:#00C402;
	border:4px solid #fff;
	width:100%;
	max-width:980px;
	box-sizing:border-box;
	margin:2em auto;
	padding:1em;
}
.line_addfriends > .title{
	margin:0 auto;
	padding: 0.25em;
	color: #fff;
	text-align: center;
}
.line_addfriends > .title span{
	display: inline-block;
	padding: 0.25em;
}


.line_addfriends .tablecell{
	display:table;
	width:100%;
}
.line_addfriends .tablecell  .w33 {
	display:table-cell;
	margin:0.5%;
	background:#fff;
	color:#151642;
	padding:0.5em;
	box-sizing:border-box;
	text-align:center;
	border:5px solid #00C402;
	vertical-align:middle;
	position:relative;

}
.line_addfriends .tablecell  .w33 > .title{
	position:absolute;
	top:0;
	left:0;
	right:0;
	font-weight:bold;
	font-size:1.1em;
	padding:0.5em;
	}

.line_addfriends .tablecell  .w33 .w100{
	max-width:200px;
	margin:auto;
	height:100%;
	margin-top:2em;
}


.line_addfriends .tablecell .w33.line_kensaku > span{
	display:block;
	font-weight:bold;
	font-size:1.2em;
	line-height:2em;
}
.line_addfriends .tablecell .w33.line_kensaku > span .line_id{
	font-size:2em;
}

.sidebar .line_addfriends .tablecell .w33{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}



#topinfo  .line_addfriends{
	max-width: 1200px;;
	vertical-align: middle;
	border: none;
	margin: 0.5em auto 0;
	padding:  0.5em;
}

#topinfo .line_addfriends .tablecell .w33
#topinfo  .line_addfriends .tablecell .w33{
	padding: 0.5em 5%;
}
#topinfo  .line_addfriends .tablecell .w33 .w100,
	#topinfo  .line_addfriends .tablecell .w33 .title{
	display: inline-block;
		vertical-align: middle;
		margin: 0;
		box-sizing: border-box;
	width: 50%;
		position: inherit;
}

#topinfo  .line_addfriends .tablecell .w33.line_qr .w100{
	max-width: 80px;
}

#topinfo  .line_addfriends .tablecell .w33.line_addfriends .w100{
	max-width: 180px;
}


#topinfo .line_addfriends > .title{
	display: table-cell;
	width: 15%;
	vertical-align: middle;
}
#topinfo .line_addfriends .tablecell{
	width: 85%;
	display: table-cell;
	vertical-align: middle;
}



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

.line_addfriends .tablecell{
	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;

}

.line_addfriends .tablecell .w33{
	width:49%;
	display:inline-block;
	box-sizing:border-box;

}

.line_addfriends .tablecell .w33.line_kensaku{
	width:100%;
}

.line_addfriends .tablecell .w33.line_qr .w100{
	max-width:100px;
}



	#topinfo .line_addfriends > .title{
		display:block;
		width: 100%;

	}
	#topinfo .line_addfriends .tablecell{
	display: flex;
	width: 100%;
}
}


@media screen and (max-width: 480px) {
.line_addfriends .tablecell .w33{
	width:100%;
}
.line_addfriends .tablecell .w33.line_qr{
	display:none;
}
	#topinfo  .line_addfriends .tablecell .w33.line_qr .w100,
#topinfo  .line_addfriends .tablecell .w33.line_addfriends .w100{
	max-width: none;
}

}