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

@import url("css/bootstrap.min.css");
html {
  scroll-behavior: smooth;
}

body.logged-in .login_hidden {
  display: none;
}
ol,
ul {
}
main ol,
main ul {
  list-style: none;
  padding-left: 0;
  margin: 0 0;
}

img{
	-webkit-backface-visibility: hidden !important;
}


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

td,
th {
padding: 0;
}

ol,
ul {
list-style: none;
padding-left:0;
margin:0 0;
}

.maxw-1200{max-width:1200px;}.maxw-1190{max-width:1190px;}.maxw-1180{max-width:1180px;}.maxw-1170{max-width:1170px;}.maxw-1160{max-width:1160px;}.maxw-1150{max-width:1150px;}.maxw-1140{max-width:1140px;}.maxw-1130{max-width:1130px;}.maxw-1120{max-width:1120px;}.maxw-1110{max-width:1110px;}.maxw-1100{max-width:1100px;}
.maxw-1090{max-width:1090px;}.maxw-1080{max-width:1080px;}.maxw-1070{max-width:1070px;}.maxw-1060{max-width:1060px;}.maxw-1050{max-width:1050px;}.maxw-1040{max-width:1040px;}.maxw-1030{max-width:1030px;}.maxw-1020{max-width:1020px;}.maxw-1010{max-width:1010px;}.maxw-1000{max-width:1000px;}
.maxw-990{max-width:990px;}.maxw-980{max-width:980px;}.maxw-970{max-width:970px;}.maxw-960{max-width:960px;}.maxw-950{max-width:950px;}.maxw-940{max-width:940px;}.maxw-930{max-width:930px;}.maxw-920{max-width:920px;}.maxw-910{max-width:910px;}.maxw-900{max-width:900px;}
.maxw-890{max-width:890px;}.maxw-880{max-width:880px;}.maxw-870{max-width:870px;}.maxw-860{max-width:860px;}.maxw-850{max-width:850px;}.maxw-840{max-width:840px;}.maxw-830{max-width:830px;}.maxw-820{max-width:820px;}.maxw-810{max-width:810px;}.maxw-800{max-width:800px;}
.maxw-790{max-width:790px;}.maxw-780{max-width:780px;}.maxw-770{max-width:770px;}.maxw-760{max-width:760px;}.maxw-750{max-width:750px;}.maxw-740{max-width:740px;}.maxw-730{max-width:730px;}.maxw-720{max-width:720px;}.maxw-710{max-width:710px;}.maxw-700{max-width:700px;}
.maxw-690{max-width:690px;}.maxw-680{max-width:680px;}.maxw-670{max-width:670px;}.maxw-660{max-width:660px;}.maxw-650{max-width:650px;}.maxw-640{max-width:640px;}.maxw-630{max-width:630px;}.maxw-620{max-width:620px;}.maxw-610{max-width:610px;}.maxw-600{max-width:600px;}
.maxw-590{max-width:590px;}.maxw-580{max-width:580px;}.maxw-570{max-width:570px;}.maxw-560{max-width:560px;}.maxw-550{max-width:550px;}.maxw-540{max-width:540px;}.maxw-530{max-width:530px;}.maxw-520{max-width:520px;}.maxw-510{max-width:510px;}.maxw-500{max-width:500px;}
.maxw-490{max-width:490px;}.maxw-480{max-width:480px;}.maxw-470{max-width:470px;}.maxw-460{max-width:460px;}.maxw-450{max-width:450px;}.maxw-440{max-width:440px;}.maxw-430{max-width:430px;}.maxw-420{max-width:420px;}.maxw-410{max-width:410px;}.maxw-400{max-width:400px;}
.maxw-390{max-width:390px;}.maxw-380{max-width:380px;}.maxw-370{max-width:370px;}.maxw-360{max-width:360px;}.maxw-350{max-width:350px;}.maxw-340{max-width:340px;}.maxw-330{max-width:330px;}.maxw-320{max-width:320px;}.maxw-310{max-width:310px;}.maxw-300{max-width:300px;}
.maxw-290{max-width:290px;}.maxw-280{max-width:280px;}.maxw-270{max-width:270px;}.maxw-260{max-width:260px;}.maxw-250{max-width:250px;}.maxw-240{max-width:240px;}.maxw-230{max-width:230px;}.maxw-220{max-width:220px;}.maxw-210{max-width:210px;}.maxw-200{max-width:200px;}
.maxw-190{max-width:190px;}.maxw-180{max-width:180px;}.maxw-170{max-width:170px;}.maxw-160{max-width:160px;}.maxw-150{max-width:150px;}.maxw-140{max-width:140px;}.maxw-130{max-width:130px;}.maxw-120{max-width:120px;}.maxw-110{max-width:110px;}.maxw-100{max-width:100px;}
.maxw-90{max-width:90px;}.maxw-80{max-width:80px;}.maxw-70{max-width:70px;}.maxw-60{max-width:60px;}.maxw-50{max-width:50px;}.maxw-40{max-width:40px;}.maxw-30{max-width:30px;}.maxw-20{max-width:120px;}.maxw-10{max-width:10px;}


.entry-content .maxw-1200{max-width:1200px;}.entry-content .maxw-1190{max-width:1190px;}.entry-content .maxw-1180{max-width:1180px;}.entry-content .maxw-1170{max-width:1170px;}.entry-content .maxw-1160{max-width:1160px;}.entry-content .maxw-1150{max-width:1150px;}.entry-content .maxw-1140{max-width:1140px;}.entry-content .maxw-1130{max-width:1130px;}.entry-content .maxw-1120{max-width:1120px;}.entry-content .maxw-1110{max-width:1110px;}.entry-content .maxw-1100{max-width:1100px;}
.entry-content .maxw-1090{max-width:1090px;}.entry-content .maxw-1080{max-width:1080px;}.entry-content .maxw-1070{max-width:1070px;}.entry-content .maxw-1060{max-width:1060px;}.entry-content .maxw-1050{max-width:1050px;}.entry-content .maxw-1040{max-width:1040px;}.entry-content .maxw-1030{max-width:1030px;}.entry-content .maxw-1020{max-width:1020px;}.entry-content .maxw-1010{max-width:1010px;}.entry-content .maxw-1000{max-width:1000px;}
.entry-content .maxw-990{max-width:990px;}.entry-content .maxw-980{max-width:980px;}.entry-content .maxw-970{max-width:970px;}.entry-content .maxw-960{max-width:960px;}.entry-content .maxw-950{max-width:950px;}.entry-content .maxw-940{max-width:940px;}.entry-content .maxw-930{max-width:930px;}.entry-content .maxw-920{max-width:920px;}.entry-content .maxw-910{max-width:910px;}.entry-content .maxw-900{max-width:900px;}
.entry-content .maxw-890{max-width:890px;}.entry-content .maxw-880{max-width:880px;}.entry-content .maxw-870{max-width:870px;}.entry-content .maxw-860{max-width:860px;}.entry-content .maxw-850{max-width:850px;}.entry-content .maxw-840{max-width:840px;}.entry-content .maxw-830{max-width:830px;}.entry-content .maxw-820{max-width:820px;}.entry-content .maxw-810{max-width:810px;}.entry-content .maxw-800{max-width:800px;}
.entry-content .maxw-790{max-width:790px;}.entry-content .maxw-780{max-width:780px;}.entry-content .maxw-770{max-width:770px;}.entry-content .maxw-760{max-width:760px;}.entry-content .maxw-750{max-width:750px;}.entry-content .maxw-740{max-width:740px;}.entry-content .maxw-730{max-width:730px;}.entry-content .maxw-720{max-width:720px;}.entry-content .maxw-710{max-width:710px;}.entry-content .maxw-700{max-width:700px;}
.entry-content .maxw-690{max-width:690px;}.entry-content .maxw-680{max-width:680px;}.entry-content .maxw-670{max-width:670px;}.entry-content .maxw-660{max-width:660px;}.entry-content .maxw-650{max-width:650px;}.entry-content .maxw-640{max-width:640px;}.entry-content .maxw-630{max-width:630px;}.entry-content .maxw-620{max-width:620px;}.entry-content .maxw-610{max-width:610px;}.entry-content .maxw-600{max-width:600px;}
.entry-content .maxw-590{max-width:590px;}.entry-content .maxw-580{max-width:580px;}.entry-content .maxw-570{max-width:570px;}.entry-content .maxw-560{max-width:560px;}.entry-content .maxw-550{max-width:550px;}.entry-content .maxw-540{max-width:540px;}.entry-content .maxw-530{max-width:530px;}.entry-content .maxw-520{max-width:520px;}.entry-content .maxw-510{max-width:510px;}.entry-content .maxw-500{max-width:500px;}
.entry-content .maxw-490{max-width:490px;}.entry-content .maxw-480{max-width:480px;}.entry-content .maxw-470{max-width:470px;}.entry-content .maxw-460{max-width:460px;}.entry-content .maxw-450{max-width:450px;}.entry-content .maxw-440{max-width:440px;}.entry-content .maxw-430{max-width:430px;}.entry-content .maxw-420{max-width:420px;}.entry-content .maxw-410{max-width:410px;}.entry-content .maxw-400{max-width:400px;}
.entry-content .maxw-390{max-width:390px;}.entry-content .maxw-380{max-width:380px;}.entry-content .maxw-370{max-width:370px;}.entry-content .maxw-360{max-width:360px;}.entry-content .maxw-350{max-width:350px;}.entry-content .maxw-340{max-width:340px;}.entry-content .maxw-330{max-width:330px;}.entry-content .maxw-320{max-width:320px;}.entry-content .maxw-310{max-width:310px;}.entry-content .maxw-300{max-width:300px;}
.entry-content .maxw-290{max-width:290px;}.entry-content .maxw-280{max-width:280px;}.entry-content .maxw-270{max-width:270px;}.entry-content .maxw-260{max-width:260px;}.entry-content .maxw-250{max-width:250px;}.entry-content .maxw-240{max-width:240px;}.entry-content .maxw-230{max-width:230px;}.entry-content .maxw-220{max-width:220px;}.entry-content .maxw-210{max-width:210px;}.entry-content .maxw-200{max-width:200px;}
.entry-content .maxw-190{max-width:190px;}.entry-content .maxw-180{max-width:180px;}.entry-content .maxw-170{max-width:170px;}.entry-content .maxw-160{max-width:160px;}.entry-content .maxw-150{max-width:150px;}.entry-content .maxw-140{max-width:140px;}.entry-content .maxw-130{max-width:130px;}.entry-content .maxw-120{max-width:120px;}.entry-content .maxw-110{max-width:110px;}.entry-content .maxw-100{max-width:100px;}
.entry-content .maxw-90{max-width:90px;}.entry-content .maxw-80{max-width:80px;}.entry-content .maxw-70{max-width:70px;}.entry-content .maxw-60{max-width:60px;}.entry-content .maxw-50{max-width:50px;}.entry-content .maxw-40{max-width:40px;}.entry-content .maxw-30{max-width:30px;}.entry-content .maxw-20{max-width:120px;}.entry-content .maxw-10{max-width:10px;}

.entry-header .entry-title,
.entry-header .index-title,
.entry-header .page-title,
.entry-header #post-title,
.entry-content,
.hublog-inquiry
{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.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;
}
ul.flexbox, .entry-content ul.flexbox {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.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;
}
.flexbox.col3 {}
.flexbox.col3 > * {
  width: 30%;
  margin: 0 calc(10% / 6);
}
.flexbox.col3 > *:first-child {
  margin-left: 0;
}
.flexbox.col3 > *:last-child {
  margin-right: 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.5em;
  -webkit-transition: .3s;
  transition: .3s;
}
/* End captions */
/*Layout
******************************************************************************/
#page {
  clear: both;
  margin: 0 auto;
  padding: 0;
  background: #FFF;
}
.wrapper {
  max-width: 1200px;
	margin-left: auto;
	margin-right: 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;
}
body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #333;
}
.mincho {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  letter-spacing: 0.1em;
  line-height: normal;
}
.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 {
  line-height: 1.7em;
}
#footer, #header {}
.sidebar, #footer, #header, #single-left {}

.entry-content {
  padding: 1em 0 2em;
  line-height: 1.8em;
}

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

.entry-content,
.entry-header{
	
	}
	.entry-content .entry-header{
		margin-left: 0;
		margin-right: 0;
	}

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

}
@media screen and (max-width: 999px) {
	#content{
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
}



/*Header
*************************************************************************/
#top-contact {
    top: 95px;
    right: 0;
    z-index: 99;
}
#top-contact > div{
	position: relative;
}
#top-contact > div > a{
	position: absolute;
	right: 0;
	width: 0;
	display: block;
	padding-left: 50px;
}
#top-contact a.to_offer{
	height: 292px;
	top: 0;
}

#top-contact a.to_inquiry{
	height: 200px;
	top: 292px;
}
#top-contact .tc-img{
	width: 74px;
	height: auto;
}

@media screen and (max-width: 1199px) {
#top-contact {
display: none;
	}
}

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


#header .sitelogo img{
	width: 100%;
	max-width: 140px;
	margin: auto;
}

#header .sitetitle {
  display: block;
}
#header .sitelogo{
	display: block;
	margin: 0 auto 1em;
}

#header #header-sub {
}
#header #header-sub .contact-tel{
	display: inline-block;
}


#header #header-sub .profile_corporate_name{
	display: block;
	margin: 0;
	padding: 0.5em 0 0.3em 0;
	font-size: 15px;
}
.hublog-inquiry .telnum,
.profile_inquiry_tel .telnum {
  font-size: 1.3em;
  display: inline-block;
}
.telnum,
.telnum a{
	color: #222;
}
#wrapper .telnum,
#footer .telnum,
#wrapper .telnum a,
#footer .telnum a{
	color: #fff;
}

.opning-hour-day {
}
#foot-shopinfo-sub .menu-item, #header-sub .menu-item {
  display: inline-block;
}
#menu-head_link {
  padding-bottom: 0.5em;
}

.telnum:before {
}


.header-sub .header-inquiry {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}
#foot-shopinfo-sub .menu-item a,
#header-sub .menu-item a,
#header-sub .header-inquiry a {
  margin: 0 auto;
  display: inline-block;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.85em;
}
#foot-shopinfo-sub .menu-item a:last-child ,
#header-sub .menu-item a:last-child,
#header-sub .header-inquiry a:last-child {
	padding-right: 0;
}

#foot-shopinfo-sub .menu-item a:before, #header-sub .menu-item a:before {
  content: ">";
  font-family: FontAwesome;
  margin-right: 0.4em;
}
#foot-shopinfo-sub .telnum:before {
  content: "\f10b";
  font-family: FontAwesome;
  margin-right: 0.3em;
  font-size: 0.8em;
}
#header-sub .header-inquiry a {
  background: #efefef;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
}
.opning-hour-day .profile_opening_hours, .opning-hour-day .profile_holiday {
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
}

/*MENU*/
.home-menu .menu {
  text-align: center;
}
.home-menu .menu > .menu-item {
  padding: 2px 2vw;
  text-align: left;
}
.home-menu .menu-item {
  list-style-type: none;
}
.home-menu .menu-item-has-children {
  position: relative;
}
.home-menu .menu-item-has-children:hover {
  cursor: pointer;
}
.home-menu .menu-item-has-children:hover .sub-menu {
  display: block;
}
.home-menu .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
}

.home-menu .sub-menu > .menu-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.home-menu .sub-menu > .menu-item a {
  display: block;
  width: 100%;
  height: 100%;
  padding: .5em 0;
}

ul.sub-menu{
	padding-left: 0;
}


.home-menu a:link{
  text-decoration: none;
  color: #707070;
}

.home-menu a:visited{
  text-decoration: none;
  color: #707070;
} 
.home-menu ul ul a:hover{
	text-decoration: none;
}

 .home-menu li{
  padding: 0 20px;
  font-size: 18px;
  white-space: nowrap;
  display: inline-block;
}


#headnav .home-menu .menu > li{
  border-left: 1px solid #333;
}
#headnav .home-menu .menu > li:last-child{
  border-right: 1px solid #333;
}
#access .home-menu .menu > li{
  border-left: 1px solid #eee;
}
#access .home-menu .menu > li:last-child{
  border-right: 1px solid #eee;
}
.home-menu li li{
	display: block;
}


.home-menu  li li.menu-item-has-children > a:before{
	content: ">";
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.5em;
} 
.home-menu > div > ul > li.menu-item-has-children > .sub-menu ,
.home-menu > div > ul > li.menu-item-has-children > .sub-menu .sub-menu {
  display: block;
visibility: hidden;
transition: .3s;
	opacity: 0.1;
}
.home-menu > div > ul > li.menu-item-has-children .sub-menu li.menu-item-has-children:hover > .sub-menu ,
.home-menu > div > ul > li.menu-item-has-children:hover > .sub-menu {
display: block;
visibility: visible;
z-index: 100;
opacity: 1;
}
.home-menu > div > ul > li.menu-item-has-children > .sub-menu .sub-menu {
	left: 60%;
	top:1em;
	z-index: 101;
}
#headnav .sub-menu{
	background: rgba(255,255,255,0.90);
}

#headnav .home-menu .sub-menu {
border: 2px solid #fff;
box-shadow: 2px 2px 4px  rgba(0,0,0,0.20);
}
#global-navi #access .home-menu > div > ul > li.menu-item-has-children > .sub-menu .sub-menu {
	border: 1px solid #fff;
}
#global-navi #access .menu .sub-menu{
background: rgba(0,0,0,0.85);
}
#global-navi #access .home-menu > div > ul > li > a:hover,
#headnav .home-menu > div > ul > li > a:hover{
	text-decoration: underline;
}

#global-navi #access .home-menu li.menu-item-has-children a:hover,
#headnav .home-menu li.menu-item-has-children a:hover{
	text-decoration: none;
}

@media screen and (max-width:719px) {
	#headnav{
		display: none;
	}
	#global-navi .menu > .menu-item a{
		font-size: 18px;
		display: block;
		width: 100%;
		height: 100%;
		padding: .5em 0;
		border-bottom: 1px dotted #fff;
	}
	
	#global-navi .menu > .menu-item .sub-menu{
		padding-bottom: 0.5em;
	}
	

	#global-navi .menu  .menu-item-has-children > a:before{
		content: ">";
		display: inline-block;
		margin-right: 0.5em;
	}
	#global-navi .menu > .menu-item .sub-menu .sub-menu {
		border-left: none;
		border-right: none;
	}
	
	#global-navi #access .home-menu > div > ul > li.menu-item-has-children > .sub-menu .sub-menu{
		border: none;
	}
	#global-navi ul.menu{
		padding-left: 0;
	}
	#global-navi ul{
		margin-bottom: 0;
	}
	.home-menu .sub-menu > .menu-item:not(:last-child){
		border-bottom: none;
	}

#wrapper .global-navi-menu > div,
#footer .footer-navi-menu > div{
	display: block;
	width: 100%;
	}
	#wrapper #global-navi .global-navi-menu > div > div > ul{
		margin-bottom: 0;
	}
	#wrapper #global-navi .global-navi-menu > div > div > ul > li{
	padding-top: 0;
	min-width: 100%;
	width: 100%;
	max-width: 100%;
}
#global-navi .menu .sub-menu{
background: rgba(0,0,0,0.85);
}
	
#global-navi .home-menu .sub-menu {
position: relative;
left: 0;
top: 0;
}
#global-navi #access .menu > li{
display: block;
float: none;
}
#global-navi #access .menu > li .sub-menu,
#global-navi .menu > li .sub-menu,
#global-navi #access .menu > li .sub-menu  .sub-menu,
#global-navi .menu > li .sub-menu  .sub-menu{
  display: block;
visibility: hidden;
transition: .3s;
	opacity: 0.1;
	height: 0;
}
#global-navi #access .menu > li:hover > .sub-menu,
#global-navi #access .menu > li > .sub-menu > li:hover > .sub-menu,
#global-navi .menu > li:hover > .sub-menu {
display: block;
visibility: visible;
z-index: 100;
opacity: 1;
	height: auto;
}
	
	
#global-navi .gtm-address{
		display: none;
	}
}



	
/*Layout
*************************************************************************/
#content:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#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;
}
/*フルカラム*/
body.page-template-htmlpage_full {}
body.page-template-htmlpage_full #main {
  max-width: none;
}
body.page-template-htmlpage_full #main .entry-content {}
/*Home
*************************************************************************/

/*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;
}
/*SLICK*/
.slick-slider button {
  transition: 0.3s;
}
.slick-slider:hover .slick-prev {
  left: 5px;
}
.slick-slider:hover .slick-next {
  right: 5px;
}
.slick-prev, .slick-next {
  z-index: 10;
}
#slideshow .slick-dots {
  bottom: 1em;
}
.home {}
#home-title h1.ttl {
  font-size: 1.1rem;
  font-weight: normal;
}
#home-eyecatch {
  padding-bottom: 15px;
  margin-bottom: 20px;
}
/*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 {
  padding: 0 0 4em;
  border: 1px solid #ccc;
  position: relative;
  margin-bottom: 1.5em;
}
.search-refinement > .title {
  text-align: center;
  border-bottom: 1px solid #eee;
  padding: 0.5em;
  font-size: 1em;
  font-weight: normal;
  display: block;
  margin-bottom: 1em;
}
.search-refinement .reset-button {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
  padding: 0.3em 1em;
  background: #D6EBF5;
}
.search-refinement .reset-button form:before {
  content: "\f021";
  font-family: FontAwesome;
  margin: auto;
  text-align: center;
  display: inline-block;
  margin-right: 1em;
}
.search-refinement .reset-button input[type="submit"] {}
.reset-button input[type="submit"] {}
.search-refinement .reset-button input[type="submit"]:hover {}
.search-refinement > .title + .reset-button input[type="submit"] {}
.search-refinement-selecter {
  padding: 0 1em 0;
}
.search-refinement ul {}
.search-refinement ul select {}
.search-refinement li {}
.search-refinement li select.gt, .search-refinement li select.lt {
  width: 30%;
}
.search-refinement li label, .search-refinement li label + span {
  display: inline-block;
  vertical-align: middle;
}
.search-refinement li label {
  width: 6em;
}
.search-refinement li label + span {
  width: calc(100% - 7em);
}
.search-refinement ul span {}
.search-refinement li label + span select {
  max-width: 90%;
}
.search-refinement .message {
  text-align: center;
  padding: 1em;
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
  color: darkblue;
  display: none;
}
.search-refinement .message .count {}
/*pre-search*/
/* POSTS  Archive Category  Index 一覧
*******************************************************************************************/
.posts .post {
  position: relative;
	margin-left: 0;
	margin-right: 0;
	padding: 1em 0;
	margin-bottom: 1em;
}
.posts.archive .post {
  margin: 0 0 2em;
  padding: 1em 0;
  position: relative;
  border-bottom: 1px dotted #ccc;
}

.posts .post .thumbnail {
  margin: auto;
  display:inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 30%;
  padding-right: 3%;
  position: relative;
}
.posts .post .attachment img {
  height: auto;
  width: 100%;
  
}




.posts .post .thumbnail .attachment {
display: block;
background: #ccc;
position: relative;
overflow: hidden;
width: 100%;/*　トリミングしたい枠の幅　*/
padding-top: 75%;/*　トリミングしたい枠の高さ　*/

}

.posts .post .attachment.fit img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}


.posts .post .thumbnail .attachment img:hover {
/*
  transition: .3s;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  */
}
.posts .post .title {
  display: block;
  margin: 0 0 1em;
  font-size: 1.1em;
}
.posts .post .title.narrow {
  display: none;
}

.posts .post .title a {
text-decoration: none;
	color: #454545;
}
.posts .post .metabox {
display: inline-block;
vertical-align: top;
width: 64%;
}
.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: 66px;
  height: 18px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 99;
}
.posts .post .post-edit-link {
  position: absolute;
  top: calc( 50% - 2em );
  right: 0;
  border: 1px solid #999;
  padding: 0 0.3em;
  background: #fff;
  z-index: 999;
}
#slideshow .posts .post .post-edit-link {
  bottom:auto;
}

.posts .post .attachment {}
.toindex,
.posts .post .todetail {
  clear: both;
  display: block;
}
.posts .post .todetail a[rel="bookmark"],
.posts .post .todetail[rel="bookmark"] {
  margin: auto;
  color: #333;
  padding: 0.5em 1em 0.5em 3em;
  line-height: 1.8em;
  border-radius: 2px;
  text-decoration: none;
  border: 1px solid #333;
  opacity: 1;
  font-size: 12px;
  transition: .2s;
}
.posts .post .todetail a[rel="bookmark"]:after,
.posts .post .todetail[rel="bookmark"]:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 0.8em;
  color: #333;
  padding-left: 1em;
  margin-left: 1em;
  display: inline-block;
  line-height: 1.2em;
  opacity: 0.75;
  transition: .2s;
}
.toindex a:hover, .posts .post .todetail a[rel="bookmark"]:hover, .posts .post .todetail[rel="bookmark"]:hover {
  text-decoration: none;
  opacity: 0.75;
  transition: .2s;
}


.btn a, .entry-content .btn a {
  opacity: 1;
  transition: .2s;
}
.btn a:hover, .entry-content .btn a:hover {
  opacity: 0.75;
  transition: .2s;
color: #fff;
}



.post .postmetadata {
  clear: both;
  text-align: right;
}

div.btn,
p.btn{
	display: block;
}

.btn a, .entry-content .btn a {
  background-color: #4E3328;
  display: inline-block;
  border-radius: 3px;
  padding: 0.3em 2em;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
  margin-bottom: 0.5em;
}
.arrow.btn {
  margin: auto;
  text-align: center;
}

.arrow.btn a:after {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 0.8em;
  padding-left: 1em;
  margin-left: 1em;
  display: inline-block;
  line-height: 1.2em;
  opacity: 1;
}
a.arrow:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 0.8em;
  padding-left: 1em;
  margin-left: 1em;
  display: inline-block;
  line-height: 1.2em;
  opacity: 1;
}
a.arrow {
  font-family: inherit;
}
a.down:before {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 0.8em;
  margin-right: 0.5em;
}
/*page post index 共通
*******************************************************************************************/
.posts .post .date {
  font-size: 0.75em;
  font-style: italic;
  opacity: 0.7;
}
#breadcrumb {
  padding: 0.5em 0;
  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;
}
.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;
  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 0 0.5em;
  border-bottom: 2px solid #333;
  border-top: 1px dotted #ccc;
  margin-top: 0;
	margin-bottom: 0.5em;
}
.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: 1em;
}
.entry-content .title-text {
  background: none;
  padding-left: 0;
  border: none;
}
.entry-title.title-image span {
  display: block;
  height: 20px;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}
.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*/
/*icon-features*/

body.page .entry-meta.author {
	display: none;
}

.icon-features {
  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;
  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;
}
/* 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-none{
	background:transparent none;
}
.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);
}
.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;
  border-bottom: 1px solid #999;
  margin: 1em 0;
  line-height: 1.6em;
}
.entry-content h3 {
  background: url(images/circle.png) 5px center no-repeat;
  padding: 0.3em 0.5em 0.3em 25px;
  font-size: 1.25em;
  border-bottom: 1px dotted #ccc;
  margin: 1em 0;
  line-height: 1.6em;
}
.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.6em;
}
.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;
  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;
}
.ttl.center {
  background: none;
  padding-left: 0;
}
.entry-content .noicon {
  padding-left: 0;
  border: none;
  background: none;
}


.entry-content span.check > span:before {
  content: "\f00c";
  font-family: FontAwesome;
  display: inline;
  margin-right: 0.3em;
}
	
	
	
.ttl.checked, .ttl.brackets, .ttl.brackets1, .ttl.brackets2 {
  background: none;
  padding-left: 0;
  border: none;
}
.ttl.brackets1:before {
  content: '＜';
  display: inline;
}
.ttl.brackets1:after {
  content: '＞';
  display: inline;
}
.ttl.brackets2:before {
  content: '《';
  display: inline;
}
.ttl.brackets2:after {
  content: '》';
  display: inline;
}
.ttl.brackets:before {
  content: '【';
  display: inline;
}
.ttl.brackets:after {
  content: '】';
  display: inline;
}
.ttl.checked:before {
  content: "\f00c";
  font-family: FontAwesome;
  list-style: none !important;
  display: inline-block;
  margin-right: 0.5em;
}
.ttl.mincho {
  font-weight: normal;
  line-height: 1.6em;
}
.ttl.ribbon {
  background: #666;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
}
.ttl.box {
  color: #666;
  border: 1px solid #666;
  border-radius: 5px;
  background: none;
  padding: 0 1em;
  text-align: center;
}
.ttl.catch {
  font-size: 1.55em;
  color: #666;
  background: none;
  padding-left: 0;
  border: none;
  line-height: 1.5em;
}
#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;
}
*/
main .entry-content li {
  display: list-item;
  margin-bottom: 0.5em;
  font-size: 1.1em;
}
main .entry-content ul {
  list-style: disc outside none;
  margin: 0 0 1em 2.5em;
}
main .entry-content ul ul {
  list-style: square outside none;
}
main .entry-content ul ul ul {
  list-style: circle outside none;
}
main .entry-content ol {
  list-style: decimal outside;
  margin: 0 0 1em 2.5em;
}
main .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.list {
	padding-left: 2em;
}
ul.list li{
	list-style: disc;
}

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 {
  display: block;
  padding-left: 1.1em;
  text-indent: -0.8em;
}
ul.check li:before {
  content: "\f00c";
  font-family: FontAwesome;
  list-style: none !important;
  display: inline-block;
  margin-right: 0.3em;
}
ul.asterisk li:before {
  content: "※";
  list-style: none !important;
  display: inline-block;
  margin-right: 0.5em;
}
ul.asterisk li {
  font-size: 1em;
	display: list-item;
}
ol.numbering {
  padding-left: 2em;
}
ol.numbering li {
	display: list-item;
	list-style: decimal;
  clear: both;
}
ol.numbering .number {
  font-size: 1.4em;
  display: inline-block;
  text-indent: -2em;
}
dl.flow {
	counter-reset: number;
}
dl.flow dt{
	border: none;
	color: #5F401D;
	font-size: 1.2em;
	font-weight: normal;
}
dl.flow dt::before {
	counter-increment: number;
	content: counter(number,decimal-leading-zero); 
	padding-right: 5px;
	display: inline-block;
	background: #5F401D;
	color: #fff;
	border-radius: 3px;
	padding: 0.2em 1em;
	margin-right: 0.8em;
}
dl.flow dd {
	border-bottom: 1px solid #707070;
	margin-bottom: 4em;
	padding: 1em 0;
	position: relative;
}

dl.flow dd:after {
  content: "\f0d7";
  font-family: FontAwesome;
	display: block;
	font-size: 4em;
	position: absolute;
	bottom: -0.5em;
	left: 0;
	right: 0;
	text-align: center;
	transform: scale(1.5, 1);
	color: #E6CFB2;
}
dl.flow dd:last-child:after {
	content:none !important;
}
.center ul.list, .center ol.list {
  display: inline-block;
  text-align: left;
}
.ttl.numbering {
  background: none;
  padding-left: 2em;
}
.ttl.numbering .number {
  font-size: 1.4em;
  display: inline-block;
  text-indent: -2em;
}

.ttl.numbering .maru{
	position: relative;
	display: inline-block;
  text-indent: -2.5em;
	text-align: center;
	
}
.ttl.numbering .maru:before{
	content: "";
	position: absolute;
  display: inline-block;
  text-indent: -2em;
	border: 1px solid #999;
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	left: -2em;
}

.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;
  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 {}
.entry-content .slide-table table {
  margin-top: 0;
}
@media screen and (max-width: 719px) {
  .slide-table:before {
    content: "\f053\f053\f053　スライドできます";
    box-sizing: border-box;
    font-family: FontAwesome;
    display: inline-block;
    color: #fff;
    font-size: 0.8em;
    background: rgba(0, 0, 0, 0.40);
    padding: 0.2em 1em;
    border-radius: 5px 0 0 5px;
    text-align: left;
    margin: 0 auto 0.3em;
    width: 100vw;
    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;
  line-height: 1.6em;
}
.entry-content .txt-ll, .txt-ll {
  font-size: 1.3em;
  line-height: 1.6em;
}
.entry-content .txt-lll, .txt-lll {
  font-size: 1.5em;
  line-height: 1.6em;
}
.entry-content .txt-llll, .txt-llll {
  font-size: 1.9em;
  line-height: 1.6em;
}
.entry-content .txt-s, .txt-s {
  font-size: 0.85em;
  line-height: 1.6em;
}
.entry-content .txt-n, .txt-n {
  font-size: inherit;
}
.entry-content small {
  line-height: 1.5em;
}

@media screen and (min-width: 720px) {
  .txt-cell > h2.title:first-child, .txt-cell > h3.title:first-child, .txt-cell > h4.title:first-child, .txt-cell > h5.title:first-child, .txt-cell > h6.title:first-child {
    margin-top: 0;
    padding-top: 0;
  }
}
/*RESPONSIVE*/
.w100 {
  display: block;
  float: none;
  padding: 0;
}
.center{
	display: block;
	text-align: center;
}
.center img{
	margin-left: auto;
	margin-right: auto;
}
.w100.center{
	margin-left: auto;
	margin-right: auto;
}

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


/*movie-wrap*/

.movie-wrap {
  position: relative;
  padding-top: 70%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:768px) {
.wp-block-embed__wrapper{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em;
}
.wp-block-embed__wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}




#inc-map, #select-map {
  margin: 2em auto;
}

/*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;
}
.hublog-inquiry-btn {
  vertical-align: middle;
  width: 45%;
  min-width: 240px;
  display: inline-block;
}
#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 {
}
#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;
}


/* ARCIVE example */
.posts .post.style-headline .tmb-icon {
  position: relative;
  margin-bottom: 0.5em;
}

.posts .post.style-headline{
border-bottom: solid 1px gray;
padding: 1em 1em 1.5em;
box-sizing: border-box;
}
.posts .post.style-headline .title,
.posts .post.style-headline .date{
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	margin-bottom: 0;
}
.posts .post.style-headline .title a{
color: #B56B31;
font-weight: normal;
}

.posts .post.style-headline .date{
	text-align: right;
}

.posts .post.style-inc_blog {}

.posts .post.style-inc_blog .thumbnail {
	width: 25%;
}
.posts .post.style-inc_blog .metabox{
	width: 60%;
}
.posts .post.style-inc_blog .metabox .date{
	vertical-align: top;
}
.posts .post.style-inc_blog .thumbnail .attachment {
display: block;
background: #ccc;
position: relative;
overflow: hidden;
width: 100%;/*　トリミングしたい枠の幅　*/
padding-top: 100%;/*　トリミングしたい枠の高さ　*/
}

.posts .post.style-inc_blog .attachment img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}




@media screen and (min-width: 720px) {
.posts .post.style-headline .date{
    width: 12em;
    font-size: 1em;
    font-style: normal;
    opacity: 1;
    display: inline-block;
}
.posts .post.style-headline .title{
    font-size: 1em;
    margin-bottom: 0;
    width: calc( 100% - 13em );
}
}



.posts.archive .post.style-voice,
.posts.archive .post.style-example {
	border-bottom: 0;
}
.posts.archive.tax-voice_cat,
.posts.archive.post-type-archive-voice,
.posts.archive.tax-ex_cat,
.posts.archive.post-type-archive-example{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.posts .post.style-voice,
.posts .post.style-example {
	padding: 0 1em 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}
@media screen and (max-width: 720px) {
.posts .post.style-voice,
.posts .post.style-example {

	padding: 0 0.5em 1em;
}
}

.posts .post.style-voice .thumbnail,
.posts .post.style-example .thumbnail {
	padding-right: 0;
	max-width: none;
}

.posts .post.style-voice .thumbnail .attachment,
.posts .post.style-example .thumbnail .attachment {
display: block;
	background: #ccc;
position: relative;
overflow: hidden;
width: 100%;/*　トリミングしたい枠の幅　*/
padding-top: 66%;/*　トリミングしたい枠の高さ　*/

}

.posts .post.style-voice .attachment img ,
.posts .post.style-example .attachment img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}

.posts .post.style-voice .metabox,
.posts .post.style-example .title{
	padding: 1em 0 1em;
}

.posts .post.style-voice .metabox .todetail,
.posts .post.style-example .title .todetail{
	position: absolute;
	bottom: 1em;
	left: 0;
	right: 0;
	text-align: center;
}


.posts .post.style-example .example-meta {
  padding-bottom: 2.5em;
  position: relative;
}

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

.posts .post.post.style-event a.event-closed {
	background: rgba(0,0,0,0.60);
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 100;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.posts .post.post.style-event a.event-closed span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 100%;
		
}
.posts .post.style-event{
	background: #FDF5E7;
	padding: 2%;
}
#home-event .posts .post.style-event{
	background: #FDF5E7;
	padding: 2% 2% 02%;
	margin: 0 1% 1em;
	flex: 48%;
}

.posts .post.style-event{
	position: relative;
}
.posts .post.style-event .tmb-icon.new{
	display: none;
}


.posts .event-status{
	position: absolute;
	left: -1.4%;
	top: -5%;
	max-width: 18%;
}
#home-event .posts .event-status{
	max-width: 27%;
	pointer-events: none;
}

.posts .post.style-event.closed .event-status{
	display: none;
}

.event_type_icon{
	background-color: #3498db;
	position: relative;
	display: inline-block;
	height: 2em;
	line-height: 2em;
	padding: 0 1em;
	border-radius: 0 3px 3px 0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	margin-bottom: 1em;
	margin-left: 1em;
	min-width: 6em;
	text-align: center;
}
.event_type_icon:before{
	background: #3498db;
	content: '';
	position: absolute;
	top: calc( 50% - 0.7em );
	left: -0.7em;
	width: 1.41em;
	height: 1.41em;
	color: #fff;
	transform    : rotate(135deg);
	border-radius: 2px;
}
.event_type_icon:after{
	position: absolute;
	top:calc(50% - 0.2em);
	left: 0;
	z-index: 2;
	display: block;
	content: '';
	width: 0.4em;
	height: 0.4em;
	background-color: #fff;
	border-radius: 100%;
}
#addcontent-event .event-status{
	position:absolute;
	top: -4%;
	left: 0;
	width: 17%;
	min-width: 150px;
}
#addcontent-event{
	position: relative;
}


#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.5em 1em 1em;
	margin-bottom: 20px;
	background: #FDF5E7;
	color: #454545;
}
#addcontent-event .event-meta > p.title{
	color: #707070;
}

#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 {
  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;
}
.posts .post .event-nmeta {
  margin-bottom: 1em;
  line-height: 1.6em;
}
/*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 p {
  margin: 0 0 0.5em;
  line-height: normal;
}
#example-header .example-info-set.r-box {
  width: 100%;
  max-width: 350px;
}
#example-header h2.title, #example-story h2 {
  line-height: normal;
  margin-top: 0;
  padding-bottom: 1em;
  background: none;
  padding-left: 0;
    color: #222;
}
#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;
}



/*WP GALLERY*/

.gallery{
	width:100%;
	max-width:1200px;
	margin: auto;
	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;
  justify-content: left;
	margin-bottom: 1em;
}

.gallery > dl{
	width:100%;
	box-sizing: border-box;
	padding: 2px !important;
	position: relative;
	display: flex;
	align-items: center;
	background: #fff;
	margin:0.2em 0.5%;
	overflow: hidden;
}
.gallery > dl dt{
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	border:none;
}
.gallery > dl dd.gallery-caption{
	position: absolute;
	visibility: hidden;
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 0.85em;
	line-height: 1.5em;
	box-sizing: border-box;
	padding: 0.5em;
	bottom: -100%;
	margin-bottom: 0;
	transition: .3s;
	pointer-events: none;
}
@media screen and (min-width: 720px) {

.gallery > dl:hover dd.gallery-caption{
	bottom: 0;
	visibility: visible;
}
}
.gallery > dl a{
	display: block;
	margin: auto;
}
.gallery > dl img{
	display: block;
	margin: auto;
}

.gallery.gallery-size-thumbnail > dl{
}
.gallery.gallery-size-medium > dl{
	max-width: 600px;
}
.gallery.gallery-size-large > dl{
	max-width: 1024px;
}

.gallery >  dl{
	width: 100%;
}
.gallery.gallery-columns-0 > dl,
.gallery.gallery-columns-1 > dl{
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.gallery.gallery-columns-2 > dl {
	width: calc( 100% / 2 - 1% );
}
.gallery.gallery-columns-3 > dl{
	width: calc( 100% / 3 - 1% );
}
.gallery.gallery-columns-4 > dl{
	width: calc( 100% / 4 - 1%);
}
.gallery.gallery-columns-5 > dl{
	width: calc( 100% / 5 - 1% );
}
.gallery.gallery-columns-6 > dl{
	width: calc( 100% / 6 - 1% );
}
.gallery.gallery-columns-7 > dl{
	width: calc( 100% / 7 - 1%);
}
.gallery.gallery-columns-8 > dl{
	width: calc( 100% / 8 - 1% );
}
.gallery.gallery-columns-9 > dl{
	width: calc( 100% / 9 - 1% );
}

.gallery br[style="clear: both"],
.gallery br[style="clear: both;"]{
	display: none;
}


.gallery .gallery-icon{
display: block;
position: relative;
overflow: hidden;
width: 100%;/*　トリミングしたい枠の幅　*/
padding-top: 100%;/*　トリミングしたい枠の高さ　*/
}


.gallery-size-full.gallery .gallery-icon,
.gallery-size-medium.gallery .gallery-icon,
.gallery-size-large.gallery .gallery-icon{
padding-top: 65%;
}

.gallery .gallery-icon img{
width: 100%;
height: 100%;
position: absolute;
object-fit: cover;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
}



.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, .voice-set:nth-child(odd) .voice-image {
  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, .voice-set:nth-child(even) .voice-image {
  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;
}
#gallery-icons {}
#gallery-icons > h2.title {
  padding-bottom: 0;
}
#gallery-icons dl.gallery-item {
  display: inline-block;
  width: 100%;
  max-width: 70px;
  margin: 0;
  padding: 0;
}
#gallery-icons dl.gallery-item dd {
  display: none;
}
#gallery-icons dt {
  border: none;
  margin: 0;
  padding: 0 4px 0 0;
}
#gallery-icons br {
  display: none;
}
/*HtmlPage*/
#container.htmlpage {}
#container.htmlpage #content {
  position: relative;
}
.pagetab,
.entry-content .pagetab ul{
  margin: 0 auto;
  position: relative;
}
.pagetab.pagetab-main {
  margin-bottom: 2em;
}
.pagetab.pagetab-bottom {
  margin-top: 3em;
	margin-bottom: 2em;

}

.entry-content .anchor_link_set ul,
.pagetab ul {
  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;
}
.pagetab ul li {
  box-sizing: border-box;
  width: calc( 100% / 5 );
  margin: 0 ;
  position: relative;
  letter-spacing: 0;
  font-size: 0;
  padding: 0 1px;
  vertical-align: middle;
  float: none;
}



.pagetab li a {
	display: block;
  background: #5F401D;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.1rem;
  text-decoration: none;
  text-align: center;
	padding: 0.5rem 1.5rem;
	overflow: visible;
  height: auto;
	margin-bottom: 1px
}
.pagetab li a:hover, .pagetab li.current-menu-item a {
  background: #c19558;
  color: #fff;
}
.pagetab li a:before {
  content: ">";
  font-size: 0.75rem;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 4px;
  width: 1.4em;
  background: rgba(255, 255, 255, 0.3);
  line-height: 1em;
  padding: 0.2em 0 0.3em;
  text-align: center;
  margin-right: 0.8em;
position: absolute;
left: 1px;
top: calc( 50% - 0.8rem );
	
}
.pagetab li a:hover:before, .pagetab li.current-menu-item a:before {
  background: #4f7a9d;
  color: #fff;
}
@media screen and (max-width: 999px) {
main .pagetab ul{
		margin-left: 0;
	}
.pagetab ul li,
.pagetab .menu-renovation-container ul li {
    width: 50%;
    border-bottom: 1px solid #fff;
  }
  .pagetab ul li a {
    text-align: left;
  }
}
@media screen and (max-width: 719px) {
.pagetab ul li,
.pagetab .menu-renovation-container ul li 
	{
    width: 100%;
  }
}


/*ANCHOR LINK*/

.entry-content .anchor_link_set{
	margin-bottom: 3em;
}
.entry-content .anchor_link_set .ttl{
	display: inline-block;
	border-radius: 5px 5px 0 0 ;
	border: 1px solid #ddd;
	border-bottom: 0;
	padding: 0 1em;
	font-size: 13px;
	
}

.entry-content .anchor_link_set ul{
	font-size: 0;
	letter-spacing: 0;
	line-height: 1.5rem;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	box-sizing: border-box;
}
.entry-content .anchor_link_set ul li{
	background: #fff;
	font-size: 1.0rem;
	text-align: center;
	list-style: none;
	width: calc( 25% - 1px );
	margin: 1px 1px 0 0;
	box-sizing: border-box;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.entry-content .anchor_link_set ul li a{
	display: block;
	padding: 0.2em;
	line-height: 1.8em;
	color: #707070;
	text-decoration: none;
}
.entry-content .anchor_link_set ul li a:hover{
	text-decoration: underline;
}
.entry-content .anchor_link_set ul li a:after{
  content: "\f0da";
  font-family: FontAwesome;
	padding-left: 0.5em;
	display: inline-block;
	
}

.entry-content .anchor_link_set ul li a:after
.entry-content .anchor_link_set a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 999px) {
	.entry-content .anchor_link_set ul li{
	width: calc( 50% - 1px );
	}
}

@media screen and (max-width: 719px) {
	.entry-content .anchor_link_set ul li{
	width: calc( 100% - 1px );
	}
}


/*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 {
  font-size: 1.1em;
}
#side-blog {
  margin-bottom: 1em;
}


/*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;
}
#side-shopinfo .shopname {
  font-weight: bold;
  padding-bottom: 3px;
  font-size: 1.1em;
}
#side-shopinfo .profile_address span {
  display: inline-block;
}
#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;
}
/*SIDE-WIDGET*/
.widget-container.widget_recent_entries li {
  padding: 0.5em 0;
  border-bottom: 1px dotted #ccc;
}
/*会社案内　会社概要
***************************************************************************************/
#about-filter li {
  border: 4px solid #eee;
  padding: 0.5em;
  margin-bottom: 0.5em;
  position: relative;
  transition: .6s;
width: 32%;
}
#about-filter li.w50 {
	width: 48%;
	text-align: center;
}

@media screen and (max-width:768px) {
	#about-filter .flexbox li{
		width: 100%;
		text-align: center;
	}
	
}
#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;
	margin-bottom: 1em;
}
#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;
}
table.gaiyou tr.profile_shop_name {
  display: none;
}
.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%;
}
#main .menu-about-container {
  text-align: center;
  margin: 3em auto;
}
#main .menu-about-container .menu li {
  display: inline-block;
  margin-right: 1em;
}
#main .menu-about-container .menu li a:before {
  content: "\f101";
  font-family: FontAwesome;
  margin-right: 0.5em;
}
#main .menu-about-container .menu li a {
  color: #666;
}
#main .menu-about-container .menu li > ul {
  display: inline-block;
  margin-left: 1em;
}
#main .menu-about-container .menu li.current_page_item > a {
  color: #222;
  font-weight: bold;
}
/*職人紹介*/
.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;
}
.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 > .inbox{
	padding: 1em;
}
.hublog-inquiry, .inquiry-single {
	margin-top: 3em;
	padding: 1em 0 ;
	box-sizing: border-box;
}
.hublog-inquiry .profile_inquiry_tel .telnum{
  letter-spacing: 1px;
  color: #000;
	padding: 0 1rem;
}

.hublog-inquiry-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;
}
.hublog-inquiry-tel .profile_inquiry_tel > span, .inquiry-single-tel .profile_inquiry_tel > span {
  display: inline-block;
}
.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: 4px;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.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 {
  padding: 0.5em;
  background: #fff;
}
.hublog-inquiry-tel .telnum {
  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: normal;
}
.before-form .profile_opening_hours {
  padding-top: 0.5em;
}
.hublog-inquiry > .message {
  margin: 1.5em auto;
}

@media screen and (min-width:769px) {

.beforeform .hublog-inquiry-tel {
  width: 38%;
  border-left: 1px dotted #ddd;
}
.beforeform > .message {
  width: 60%;
}
	.beforeform > .message .title {
  margin-bottom: 1em;
}

}

/*wpcf7*/
#popupform7 > .post-info {
  display: none;
}
.nyroModalDom {
  font-size: 1.2em;
}
.nyroModalDom .post-thumbnail {
  width: 90px;
  display: inline-block;
  vertical-align: top;
}
.nyroModalDom h3 {
  display: inline-block;
  vertical-align: top;
}
/*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;
}
.wpcf7-form .submit_area {
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.wpcf7-form .submit_area p {
  border: none;
  padding: 0;
  margin: 1em 0;
}
.wpcf7-form .submit_area p span.wpcf7-list-item {
  display: inline-block;
  float: none;
}
.wpcf7-form input[type="submit"] {
  font-size: 1em;
  padding: 0.2em;
}
.wpcf7-form .submit_area + h3, .wpcf7-form p[style="text-align:center;"] + h3, .wpcf7 p[style="text-align:center;"] + h3 {
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  margin-top: 2em;
  margin-bottom: 0;
  opacity: 0.7;
  background: none;
}
.wpcf7-form .submit_area + h3 + p, .wpcf7-form p[style="text-align:center;"] + h3 + p, .wpcf7 p[style="text-align:center;"] + h3 + p {
  margin-top: 0;
}
/*Footer
***************************************************************************************/
/*Footer*/
#footer{
	margin-top: 6em;
	position: relative;
	padding-bottom: 3em;
}

#wrapper{
	overflow: hidden;
}
#wrapper #global-navi {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  font-size: 16px;
  box-sizing: border-box;
  z-index: 400;
  background-color:rgba(100,51,12,0.95);
  overflow: scroll;
}


#foot-shopinfo-main > span{
	display: block;
}

#global-navi-logo a{
}


#wrapper #global-navi .global-navi-menu ul li {
  display:block;
  padding: 20px 28px
}

#wrapper #global-navi ul li a {
  text-decoration: none;
  color: #ddd
}

#wrapper #global-navi .global-navi-menu ul li {
  display:block;
  padding: 2px 8px;
  min-width: 240px;
  text-align: left;
}

#wrapper .btn-gnavi {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 24px;
  z-index: 99999;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: all 400ms;
  transition: all 400ms
}

#wrapper .btn-gnavi span {
  position: absolute;
  width: 30px;
  height: 4px;
  background: #666;
  border-radius: 10px;
  -webkit-transition: all 400ms;
  transition: all 400ms
}

#wrapper .btn-gnavi span:nth-child(1) {
  top: 0
}

#wrapper .btn-gnavi span:nth-child(2) {
  top: 10px
}

#wrapper .btn-gnavi span:nth-child(3) {
  top: 20px
}

.btn-gnavi-menu{
  font-size: 9px;
	padding-top: 25px;
  color: #666;
}


#wrapper .btn-gnavi.open span {
  background: #fff
}
#wrapper .btn-gnavi.open .btn-gnavi-menu{
	color: #fff;
}
#wrapper .btn-gnavi.open{
  width: 24px;
	right: 26px;
}




#footer .text-nowrap,
#wrapper .text-nowrap{
	display: inline-block;
}


.btn-gnavi.open span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.btn-gnavi.open span:nth-of-type(2) {
  opacity: 0;
}
.btn-gnavi.open span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}

#wrapper .contents section p {
  position: absolute;
  top: 50%;
  width: 30%;
  line-height: 1.4;
  font-size: 20px;
  color: #fff;
}

.global-navi-inner{
  max-width: 1200px;
  margin: 0 auto;
  text-align:center;
  color: #fff;
}

.global-navi-menu > div,
.footer-navi-menu > div{
	display: inline-block;
} 

.global-navi-menu > div,
.footer-navi-menu > div,
.d-inline-block{
  vertical-align: top;
}
.global-navi-menu > div h3,
.footer-navi-menu > div h3{
  display:none;
}


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

/*.global-navi-menu{
  padding: 0 3vw;
}
	*/
}


@media screen and (max-width:1024px) {
.global-navi-inner {
  margin: 30px auto;
}
}
@media screen and (max-width:1110px) {

.global-navi-menu ul{
  margin-bottom: 20px;
}
}

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

.global-navi-inner {
  margin: 0px auto;
}
}

footer-widget-area:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#footer-widget-area {
  overflow: hidden;
  clear: both;
  float: none;
  padding: 2em 0;
  max-width: 1000px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
}
#footer .cr {
  text-align: center;
	position: absolute;
	bottom: 0.5em;
	left: 0;
	right: 0;
}

.to_dashboard {
  position: fixed;
  bottom: 100px;
  right: 0;
  display: block;
  padding: 0.5em 1em;
  background: #fff;
  border: 1px solid #ccc;

  z-index: 99999;
  font-size: 15px;
}
.to_dashboard a {
  display: block;
  text-align: right;
}
.edit_theme {
  display: block;
  position: fixed;
  right: 0;
  bottom: 140px;
  border: 1px solid #ccc;
  background: #fff;
  padding: 0.5em;
  font-size: 15px;
  z-index: 999;
}
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;
}
.addtoany_content, .addtoany_shortcode {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
}
.dummyimg {
  display: block;
  background: #ccc;
  width: 100%;
  height: 50%;
}


/*RESPONSIVE*/

@media screen and (max-width: 319px) {
.posts .post .title{
	line-height: 1.55em;
	font-size: 1em;
}
.posts .post.style-event .thumbnail,
.posts .post.style-event .metabox{
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	}
	
.posts .post .thumbnail{
max-width: 25%;
margin-right: 2%;
}	
.posts .post .metabox{
width: 70%;
}
.posts .post .excerpt{
display: none;
}
	
.w50{
		width:100%;
	}
.w50.r-box{
	padding-left:0;
	width:100%;
}
.w50.l-box {
	padding-right:0;
	width:100%;
}

.w33.r-box,
.w33.l-box,
.w66.r-box,
.w66.l-box,
.w33.r-img,
.w33.l-img,
.w66.r-img,
.w66.l-img{
	width: 100%;
	margin: auto;
	float: none;
	padding: 0;
}

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

.hublog-inquiry,
.inquiry-single
	{
	width:100%;
}

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

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

	}
	.wpcf7-form > p > b:before{
	content: "■";
	margin-right: 0.5em;
}
.wpcf7-form .clearfix .input-area .wpcf7-form-control-wrap,
.wpcf7-form > p > b + br + span.wpcf7-form-control-wrap{
	display: inline-block;
}

	

}