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

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

main#main{
	min-height: 60vh;
	padding: 0 1rem;
	overflow: hidden;
}

@media screen and (min-width:1200px) {
main#main{
	padding: 0 0;
	margin-left: auto;
	margin-right: auto;
}
.mx-fit,
.mx-fit.wrapper{
	margin-left:auto;
	margin-right: auto;
}
.outerwrap:before{
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw);
}

}
.outerwrap{
	position: relative;
}
.outerwrap:before{
	content: '';
	background: #f6f7fb;
	position: absolute;
	left: -15px;
	right: -15px;
	top: 0;
	bottom: 0;
	z-index: -1;
}


.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: 23%;
  margin: 1%;
  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;
}
.round {
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
em{
font-style: normal;
}
th{font-weight: 500;}
/*  Image
******************************************************************************/
.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;
}
/*Layout
******************************************************************************/
.wrapper {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
.wrapper{
	width: 90%;
	max-width: 70rem;
	margin-left: auto;
	margin-right: auto;
}
}
@media screen and (max-width: 1199.98px) {
.mx-fit,global-navi-menu
.mx-fit.wrapper{
	margin-left: -1rem !important;
	margin-right: -1rem !important;
}
}


a,
a img{
color: #454545;
text-decoration: none;
outline: none;
transition: .2s;
}
a:hover {
  color: #ccc;
  text-decoration: underline;
	pointer-events: 0.85;
}
a:hover img {
 filter: brightness(1.05);
	opacity: 1;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}
acronym, abbr, span.caps {
  cursor: help;
}
blockquote {
  padding-left: 20px;
  border-left: 5px solid #ddd;
  margin: 1rem 2rem 0 1rem;
}
blockquote cite {
  display: block;
  margin: 0.5rem 0 0;
}
@media screen and (max-width:1199.98px) {
/*  .entry-content,
	.entry-header {
    margin-left: 15px;
    margin-right: 15px;
  }*/
  #breadcrumb {
	  padding: 0 0.5rem;
  }
}
@media screen and (min-width:992px) {
#header .menu-mobile-nav-container {
display: none;
}
}
#header {
	padding-top: 64px;
}
#header:before {
content: "";
position: fixed;
display: block;
top: 0;
background: rgba(255,255,255,0.80);
backdrop-filter:blur(4px);
-webkit-backdrop-filter: blur(4px);
width: 100%;
height: 64px;
z-index: 299;
box-shadow:0 0 5px rgba( 0,0,0,0.1);
}

.entry-content{}



.entry-content:after {
  content: "";
  display: block;
  clear: both;
} 




.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
  line-height: 1.5;
}
.indent-1 {
  display: inline-block;
  text-indent: -1em;
  margin-left: 1em;
}
.indent-2 {
  display: inline-block;
  text-indent: -2em;
  margin-left: 2em;
}
.indent-1 *, .indent-2 * {
  text-indent: 0;
}
/*Header
*************************************************************************/
.telnum, .telnum a {
}
.opning-hour-day {}
#menu-head_link {
  padding-bottom: 0.5em;
}
.telnum:before {
  content: "\e61d";
  font-family: 'Material Icons';
  margin-right: 0.3em;
  display: inline-block;
  font-size: 0.8em;
  position: relative;
  vertical-align: middle;
}
/*MENU*/
.home-menu .menu {
  text-align: center;
}
.home-menu .menu > .menu-item {
  padding: 0;
  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, .home-menu a:link, .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;
}

@media screen and (min-width:768px) {
  #headnav .home-menu .menu > li {}
  #headnav .home-menu .menu > li:last-child {}
  #access .home-menu .menu > li {}
  #access .home-menu .menu > li:last-child {}
}
.home-menu li li {
  display: block;
}
.home-menu li li.menu-item-has-children > a:before {
  content: "\e5cc";
  font-family: 'Material Icons';
  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.70);
	backdrop-filter:blur( 5px );
    -webkit-backdrop-filter: blur(5px);
}
#headnav .home-menu li li a{
	padding: 0.5em 0.8em;
	height: auto;
	line-height: 1.5em;
}

#headnav .home-menu li li a{
	height: auto;
	background:rgba(255,255,255,0.00);
}
#headnav .home-menu li li a:hover{
	background:rgba(255,255,255,1.00);
}
#headnav .home-menu .sub-menu {
  border: 2px solid #fff;
box-shadow: 0 0.5rem 0.5rem ;
color: rgba(0,0,0,0.1);
}

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

  .home-menu .sub-menu > .menu-item:last-child {
	}}
/*FLEXSLIDER*/
#slideshow {
  position: relative;
  width: 100%;
}
.flex-control-nav {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  display: block;
  top: 0.5em;
  z-index: 10;
  width: 100%;
}
.flex-control-nav li {
  display: inline-block;
  padding: 0.3em;
}
.flex-control-nav li a {
  display: block;
  margin: 0 auto;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background: #fff;
  box-shadow: 0 0 3px #666;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
.flex-control-nav li a.active, .flex-control-nav li a:hover {
  background-color: #333;
  box-shadow: 0 0 3px #fff;
}
.flexslider .slides {
  position: relative;
  z-index: 9;
}
.flexslider .slides li a, .flexslider .slides li a img {
  display: block;
}
.flexslider .flex-direction-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}

.flexslider .flex-direction-nav li {}
.flexslider .flex-direction-nav li a {
  position: absolute;
  display: block;
  opacity: 0.5;
  width: 32px;
  height: 32px;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  z-index: 10;
}
.flexslider:hover .flex-direction-nav li a {
  opacity: 1;
}
.flexslider .flex-direction-nav a.prev {
  left: 0.5em;
  background-position: 0 0;
}
.flexslider .flex-direction-nav a.next {
  right: 0.5em;
  background-position: -43px 0;
}
#slideshow .slide-name {
  display: none;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.50);
  padding: 1% 1%;
  width: 98%;
  color: #fff;
}
/*pre-search*/
/* POSTS  Archive Category  Index 一覧
*******************************************************************************************/
.post .post-thumbnail{
	position: relative;
}
.post .post-thumbnail .noimg {
	display: block;
}
.post .post-thumbnail img,
.post .post-thumbnail .noimg {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}



.noimg:before {
content: "";
display: block;
outline-offset: 3px;
border: 2px solid #eee;
background: url("images/noimage.webp") center no-repeat;
background-size: contain;
position: absolute;
left:1rem;
right: 1rem;
bottom: 0;
top: 0;
}

.posts .post .tmb-icon.new {
z-index: 99;
display: inline-block;
padding: 0 1em;
line-height: 1.8;
white-space: nowrap;
font-size: 0.8rem;
/*color: #FFF;
background: #a6d3c8;/*背景色*/
/*left:-0.5em;*/
}

.tmb-icon.new:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid .4em transparent;
  border-right: solid .5em rgb(149, 158, 155);/*折り返し部分*/
}
#slideshow .posts .post .post-edit-link {
  bottom: auto;
  font-size: 1rem;
}

.owl-item .tmb-icon.new{
		left:-.5em !important;
}


.posts .post .post-edit-link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  left: auto;
  bottom: auto;
  border: 1px solid #999;
  padding: 0 0.3em;
  background: #fff;
  z-index:300;
width: auto;
}
.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.8;
  border-radius: 2px;
  text-decoration: none;
  border: 1px solid #333;
  opacity: 1;
  font-size: 0.8rem;
  transition: .2s;
  white-space: nowrap;
}
.posts .post .todetail a:after, .posts .post .todetail[rel="bookmark"]:after {
  font-family: 'Material Icons';
  content: '\e5e1';
  color: #333;
  padding-left: 1em;
  margin-left: 1em;
  display: inline-block;
  line-height: 1.2;
  opacity: 0.75;
  transition: .2s;
}
.toindex a:hover, .posts .post .todetail a:hover, .posts .post .todetail[rel="bookmark"]:hover {
  text-decoration: none;
 filter: brightness(1.05);
  transition: .2s;
}
.linkarea {
  position: relative;
}
.linkarea:hover {
  opacity: 0.85;
}
.linkarea .todetail a {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
  bottom: 0.5rem;
  display: block;
  padding: 0 !important;
  overflow: hidden;
  text-indent: -150%;
  white-space: nowrap;
  border: 0 !important;
}


.linkarea .todetail a:after,
 .posts .post.linkarea .todetail a:after {
	content: none;
}


.linkarea a:hover {
/*  background: rgba(0, 0, 0, 0.05);*/
	background: transparent;
	box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
.btn a {
  opacity: 1;
  transition: .2s;
}
.btn a:hover {
 filter: brightness(1.2);
  transition: .2s;
  color: #fff;
}
.btnshine{
    /*キラッと光る基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/  
  display:inline-block;
    background: rgba(0,0,0,0.00);
    color: #fff;
    text-decoration: none;
    outline: none;
    overflow: hidden;
}
.btnshine:hover{
    background: rgba(0,0,0,1);
}
/*キラッと光る*/
.btnshine::before {
  content: '';
    /*絶対配置でキラッと光るの位置を決める*/
  position: absolute;
  top: 0;
  left: -75%;
    /*キラッと光る形状*/
    width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 100%);
  transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine:hover::before {
  animation: shine 0.7s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

.post .postmetadata {
  clear: both;
  text-align: right;
}
div.btn, p.btn {
  display: block;
}
.arrow a {
  text-decoration: none;
}
.arrow a:after {
  font-family: 'Material Icons';
  content: '\e5c8';
  vertical-align: middle;
}
.btn > span,
.btn a ,
.entry-content .btn > span,
.entry-content .btn a {
  background-color: #595757;
  display: inline-block;
  border-radius: 3px;
  padding: 0.6em 2em;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
  margin-bottom: 0.5em;
}
.arrow.btn {
  margin: auto;
  text-align: center;
}
.arrow.btn > span:after,
.arrow.btn a:after {
  content: "\e5cc";
  font-family: 'Material Icons';
  font-size: 1em;
  padding-left: 1em;
  display: inline-block;
  line-height: 1.2;
  opacity: 1;
}
a.arrow:before {
  content: "\e5cc";
  font-family: 'Material Icons';
  display: inline-block;
  opacity: 1;
}
a.arrow {
  font-family: inherit;
}
a.down:before {
  content: "\e5db";
  font-family: 'Material Icons';
  font-size: 1em;
  margin-right: 0.5em;
}
.btn a:hover {
  text-decoration: none;
}
.btn.btn_ol a {
  background-color: #fff;
  display: inline-block;
  border: 1px solid #595757;
  border-radius: 3px;
  padding: 0.6em 2em;
  color: #595757;
  box-sizing: border-box;
  text-decoration: none;
  margin-bottom: 0.5em;
}
.btn.pill a,
.btn.pill span {
  border-radius: 10rem;
}
.btn.btn_ol a:hover {
  color: #595757;
}
/*page post index 共通
*******************************************************************************************/
#custom_headerimg {
  position: relative;
  max-height: 340px;
  overflow: hidden;
}
body.page-concept #custom_headerimg {
  max-height: 540px;
}
#custom_headerimg > .ttl, #custom_headerimg .headerimg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#custom_headerimg .headerimg {
  object-fit: cover;
}
#custom_headerimg > .ttl {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
}
@media screen and (max-width:575.98px) {
  #custom_headerimg > .ttl {
    font-size: 6vw;
  }
}
.posts .post .date {
  font-size: 0.75em;
  font-style: italic;
  opacity: 0.7;
	line-height: 1em;
	margin-bottom: 0.3em;
	display:block;
}
#breadcrumb {
font-size: 0.8rem;
color: #777;
padding: 1rem;
}
#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;
}
.entry-title, .index-title, .page-title, #post-title {
  font-size: 1.4em;
  color: #000;
}

.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;
}
img {
  max-width: 100%;
  height: auto;
}
.title-image {
  background: none;
  padding: 0;
  border: none;
  line-height: 1;
}
.entry-utility {
  padding: 1rem;
  text-align: right;
}
.entry-utility.page .entry-meta.updated.author {
	display: none;
}
.entry-meta.author .author {
  font-size: 0.9em;
}
.icon-features {
  min-width: 36px;
  padding: 10px 0;
}
.icon-types li, .icon-features li {
  display: inline-block;
  width: 32px;
  height: auto;
}
/*ページバー*/
.pagebar {
  font-size: 0.85rem;
  text-decoration: none;
  text-align: center;
  clear: both;
  float: none;
  padding: 2em 1em;
  line-height: 1.8;
  color: #888;
}
.pagebar .break {
  border: none;
  background: #fff;
  text-decoration: none;
}
.pagebar .inactive {
  border: 1px solid #ccc;
  color: #ccc;
  text-decoration: none;
}
.pagebar a, .pagebar .this-page {
  text-decoration: none;
  padding: .4em 1em;
  background: #595757;
  color: #fff;
  opacity: 0.5;
  border: 1px solid #4e3328;
}
.pagebar .wp-pagenavi a, .pagebar .wp-pagenavi span {
  padding: 0.4em 1em;
  white-space: nowrap;
}
.pagebar a:hover {
  opacity: 0.7;
  color: #fff;
  text-decoration: none;
}
.pagebar .this-page {
  opacity: 1;
}
.pagebar .wp-pagenavi > * {
  display: inline-block;
}
/*CONTENT*/
/* Entry Single Page　記事　ページ本文
*****************************************************************************/

main h1{
font-size: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
line-height: 1.333;
}
main h2{
font-size: clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem);
line-height: 1.333;
}

main h3{
font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
height: 1;
}
main h4,
main h5,
main h6{
font-size:clamp(1rem, 0.955rem + 0.23vw, 1.1rem);
line-height: 1.5;
}
.r-box {
  float: right;
  display: block;
  margin-bottom: 1em;
}
.l-box {
  float: left;
  display: block;
  margin-bottom: 1em;
}
.headerless .entry-content {
  padding-top: 0;
}
.entry-content a {
  text-decoration: underline;
}
.ttl.center {
  background: none;
  padding-left: 0;
}
.entry-content .noicon {
  padding-left: 0;
  border: none !important;
  background: none !important;
}
.entry-content span.check > span:before {
  content: "\e5ca";
  font-family: 'Material Icons';
  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: "\e5ca";
  font-family: 'Material Icons';
  list-style: none !important;
  display: inline-block;
  margin-right: 0.5em;
}
.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.5;
}
.ttl .ttlicon {
  display: inline-block;
  background: #666;
  color: #fff;
  margin-right: 1em;
  height: 1.70em;
  min-width: 1.70em;
  text-align: center;
}
.ttl.square {
  padding-left: 1.5em;
  text-indent: -1.5em;
  display: block;
}
.ttl.square:before {
  content: "\025a0";
  margin-right: 0.5em;
}
.ttl.circle {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.ttl.circle:before {
  content: "\025cf";
  margin-right: 0.5em;
}
#entry-author-info {
  margin-left: -10px;
  clear: both;
  padding: 20px 0;
}
#author-description h2 {
  background: none;
  border: none;
}

ul.check, ul.check li, ul.asterisk, ul.asterisk li {
  list-style: none !important;
}
ul.check li {
  display: block;
  padding-left: 1.1em;
  text-indent: -0.8em;
}
ul.check li:before {
  content: "\e5ca";
  font-family: 'Material Icons';
  list-style: none !important;
  display: inline-block;
  margin-right: 0.2em;
font-weight: 500;
}
.entry-content ul.asterisk,
ul.asterisk{
	font-size: 1rem;
	padding-left: 2rem;
}

ul.asterisk li:before {
  content: "※";
  list-style: none !important;
  display: inline-block;
	font-size: 1em;
	margin-right: 0.3em;
}
.entry-content ul.asterisk li,
ul.asterisk li {
	font-size: 1em;
font-size: 1rem;text-indent: -0.7em;
	
}


ol.numbering {
  padding-left: 2em;
}
ol.numbering li {
  display: block;
  list-style: none;
  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.2rem;
  font-weight: normal;
	
}
dl.flow dt > span{
	display:inline-block;
	width: calc( 100% - 4em);
	vertical-align: middle;
}
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;
  font-size: 1rem;
	vertical-align: middle;
}
dl.flow dd {
  margin-bottom: 4rem;
  padding: 1rem 0 4rem;
  position: relative;
}
dl.flow dd:before {
	content: "";
	display: block;
	height: 0;
	position: absolute;
	bottom: 3rem;
	left: 0;
	right: 0;
	border-bottom: 1px solid #ccc;
}
dl.flow dd:after {
  content: "\e5c5";
  font-family: 'Material Icons';
  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 !important;
}

.bolder{
  font-weight: bolder !important;
}

.center {
  display: block;
  text-align: center;
}
.w100.center,
.w100.center img{
  margin-left: auto;
  margin-right: auto;
}


.fw-500 {
  font-weight: 500;
}
.black {
  color: #000;
}
.red {
  color: #F00;
}
.orange {
  color: #FF5300;
}
.blue {
  color: #0C5392;
}
.green {
  color: #360;
}
.entry-content p a {
  text-decoration: underline;
}
.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:767.98px) {
  .slide-table:before {
    content: "\e9ec　スライドできます";
    box-sizing: border-box;
    font-family: 'Material Icons';
    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;
  }
}
.anchor:before {
	content: " ";
	margin-top: -7rem;
	height: 7rem;
	display: block;
	visibility: hidden;
}
.txt-l {
  font-size: 1.1em;
  line-height: 1.5;
}
.txt-ll {
  font-size: 1.3em;
  line-height: 1.5;
}
.txt-lll {
  font-size: 1.5em;
  line-height: 1.5;
}
.txt-llll {
  font-size: 1.9em;
  line-height: 1.5;
}
.txt-s {
  font-size: 0.85em;
  line-height: 1.5;
}
.txt-n {
  font-size: inherit !important;
}

.txt-0 {
  font-size: 1rem !important;
}

.lh-10{
	line-height: 1.0;
}
.lh-11{
	line-height: 1.1;
}
.lh-12{
	line-height: 1.5;
}
.lh-13{
	line-height: 1.3;
}
.lh-14{
	line-height: 1.4;
}
.lh-15{
	line-height: 1.5;
}
.lh-16{
	line-height: 1.6;
}
.lh-17{
	line-height: 1.7;
}
.lh-18{
	line-height: 1.8;
}
.lh-19{
	line-height: 1.9;
}
.lh-20{
	line-height: 2.0;
}
.lh-22{
	line-height: 2.1;
}
.lh-22{
	line-height: 2.2;
}
.lh-23{
	line-height: 2.3;
}
.lh-24{
	line-height: 2.4;
}
.lh-25{
	line-height: 2.5;
}
.lh-26{
	line-height: 2.6;
}
.lh-27{
	line-height: 2.7;
}
.lh-28{
	line-height: 2.8;
}
.lh-29{
	line-height: 2.9;
}
.lh-30{
	line-height: 3.0;
}
.lh-31{
	line-height: 3.1;
}
.lh-32{
	line-height: 3.2;
}
.lh-33{
	line-height: 3.3;
}
.lh-34{
	line-height: 3.4;
}
.lh-35{
	line-height: 3.5;
}
.lh-36{
	line-height: 3.6;
}
.lh-37{
	line-height: 3.7;
}
.lh-38{
	line-height: 3.8;
}
.lh-39{
	line-height: 3.9;
}
.lh-40{
	line-height: 4.0;
}







.entry-content small {
  line-height: 1.3;
}
/*RESPONSIVE*/
.w100 {
  display: block;
  padding: 0;
}
.center {
  display: block;
  text-align: center;
}
.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%;
}
.bg-none {
  background: transparent none;
}
.bg-bk90 {
  background: rgba(0, 0, 0, 0.90);
}
.bg-bk80 {
  background: rgba(0, 0, 0, 0.80);
}
.bg-bk70 {
  background: rgba(0, 0, 0, 0.70);
}
.bg-bk60 {
  background: rgba(0, 0, 0, 0.60);
}
.bg-bk50 {
  background: rgba(0, 0, 0, 0.50);
}
.bg-bk40 {
  background: rgba(0, 0, 0, 0.40);
}
.bg-bk30 {
  background: rgba(0, 0, 0, 0.30);
}
.bg-bk20 {
  background: rgba(0, 0, 0, 0.20);
}
.bg-bk10 {
  background: rgba(0, 0, 0, 0.10);
}
.bg-wh90 {
  background: rgba(255, 255, 255, 0.90);
}
.bg-wh80 {
  background: rgba(255, 255, 255, 0.80);
}
.bg-wh70 {
  background: rgba(255, 255, 255, 0.70);
}
.bg-wh60 {
  background: rgba(255, 255, 255, 0.60);
}
.bg-wh50 {
  background: rgba(255, 255, 255, 0.50);
}
.bg-wh40 {
  background: rgba(255, 255, 255, 0.40);
}
.bg-wh30 {
  background: rgba(255, 255, 255, 0.30);
}
.bg-wh20 {
  background: rgba(255, 255, 255, 0.20);
}
.bg-wh10 {
  background: rgba(255, 255, 255, 0.10);
}
.flexbox > li,
.row > li{
	list-style: none;
	display: block;
}


.gallery-caption a {
display: inline;
}
.wp-caption {
max-width: 100%;
padding: 4px;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 0.5rem 1.5rem;
display: inline;
}
img.alignleft {
padding: 0.5rem;
margin: 0 1.5rem 0.5rem 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;
}


.gallery br[style="clear: both"], .gallery br[style="clear: both;"] {
  display: none;
}
.gallery .gallery-icon {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.gallery .gallery-icon img {
	object-fit: cover;
  aspect-ratio: 3 / 2;
}

/*galleryslider*/
#galleryslider {}
#galleryslider .slick-slider {
  overflow: hidden;
}
#galleryslider .gallery dl {
  margin: 0;
  padding: 0 0.7rem;
  position: relative;
}
#galleryslider .gallery dl dt {
  margin-bottom: 0;
}
#galleryslider .slick-track {
  margin: 0;
}
#galleryslider .gallery-icon {
  text-align: center;
}
#galleryslider .gallery dt {
  border: none;
}

#galleryslider .gallery.gallery-size-large .gallery-icon {
/*  padding-top: calc(100vh - 180px);*/
}
#galleryslider .gallery.gallery-size-large dt {
max-height: 50vh;
  margin-bottom: 0;
}
#galleryslider{
	margin-left: calc( 50% - 50vw);
	margin-right: calc( 50% - 50vw);
}
#galleryslider .gallery.slider_thumb dl .gallery-caption{
	position: absolute;
	bottom: -120%;
	left: 0;
	right: 0;
	transition: .3s;
	background: rgba(256,256,256,0.70);
	margin-bottom: 0;
	padding: 0.5rem;
	font-size: 1rem;
}
#galleryslider .gallery.slider_thumb dl:hover .gallery-caption{
	bottom: 0;
}
#galleryslider .gallery.thumb .gallery-caption{
	display: none;
}
#galleryslider .gallery.thumb .slick-track {
	display: flex;
	padding: 1rem 0 0;
	margin: 0 auto 0 0;
	justify-content:center;
}
#galleryslider .gallery.thumb dl{
	padding: 0 0.25rem;
}
#galleryslider.caption_visible .gallery.slider_thumb dl .gallery-caption{
	position: absolute;
	bottom:0;
}
#galleryslider.caption_visible .gallery.slider_thumb dl:hover .gallery-caption,
#galleryslider.caption_visible .gallery.slider_thumb dl:active .gallery-caption{
	transform: translateY( 110%);
}
#galleryslider .slider_thumb dl img{
	opacity: .5;
  filter: saturate(80%);	/*
	filter: blur(1px);*/
	transition: .3s;
}
#galleryslider .slider_thumb dl.slick-current img{
	opacity: 1;
	filter: blur(0);
	
}

#galleryslider .slider_thumb .slick-prev::before,
#galleryslider .slider_thumb .slick-next::before{
	font-size:clamp(0.875rem, 0.466rem + 2.05vw, 2rem);
	transition: .1s;
}
#galleryslider .slider_thumb .slick-prev::before{
	border-radius: 0 0.5rem 0.5rem 0;
}
#galleryslider .slider_thumb .slick-next::before{
	border-radius: 0.5rem 0 0 0.5rem;
}


/*SLICK*/
.slick-slider button {
  transition: 0.3s;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next {
  right: 0;
}
.slick-prev, .slick-next {
  z-index: 10;
}
#slideshow .slick-dots {
  bottom: 1em;
}
.slick-prev, .slick-next {
position: relative;
transform: .2s;
}
.slick-prev::before, .slick-next::before {
  background: rgba(0, 0, 0, 0.50);
  padding: 1em 0.2em;
  z-index: 99;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slick-prev::before {
  left: 0;
}
.slick-next::before {
  right: 0;
}

#slideshow .slick-dots {
  bottom: 1em;
	position: relative;
}

/*EXAMPLE*/
#addcontent-gallery + .example-meta {
  width: 100%;
  margin-left: -390px;
}
#addcontent-gallery + .example-meta > span, #addcontent-gallery + .example-meta > p {
  margin-left: 390px;
  width: 100%;
}
.example-meta > span, .example-meta > p {
  display: block;
  font-size: 0.85em;
  padding-bottom: 5px;
}
#addcontent-gallery .example-meta .title, #addcontent-gallery .example-meta-title {
  display: inline-block;
  width: 4em;
  text-align: center;
  border: 1px solid #ddd;
  margin-right: 5px;
}
.example-meta .gallery-entry-title {
  font-weight: 500;
  font-size: inherit;
  margin-bottom: 1em;
}
#inc-example {}
#inc-example > .title {
  font-size: 1em;
}
#inc-example .posts .post {
  width: 19.5%;
  padding: 0 1%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  flex: 1 0 0%;
}
#inc-example .posts .post:first-child {
  padding-left: 0;
}
#inc-example .posts .post:last-child {
  padding-right: 0;
}
.posts .post.style-inc_example {
  margin-bottom: 1em;
}
.posts .post.style-inc_example .thumbnail {}
.posts .post.style-inc_example .title {
  width: 100%;
}
.posts .post.style-inc_example .title a {
  display: block;
}
.posts .post.style-inc_example .title a:hover {
  text-decoration: underline;
}
.posts .post.style-inc_example .thumbnail {
  max-width: 100%;
  margin-bottom: 1em;
}
.posts .post.style-inc_example .attachment {
  position: relative;
}
.posts .post.style-inc_example .attachment img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.posts .post.style-inc_example .thumbnail {
  /*	height:100px;*/
  float: none;
}
#inc-example .toindex {
  border-top: 1px solid #999;
}
#inc-example .toindex a {
  color: #fff;
  display: inline-block;
  padding: 0 1em 0 2em;
  float: right;
  border-radius: 0 0 5px 5px;
  text-decoration: none;
}
/*施工事例ギャラリー flexslider*/
#galleryslider {
  padding: 1rem 0 2rem;
  box-sizing: border-box;
  border-radius: 4px;
}


#main.single-reform .entry-header,
#main.single-example .entry-header{
	margin-bottom: 0;
	position: relative;
}
#main.single-reform .entry-header:before,
#main.single-example .entry-header:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: calc( 50% - 50vw);
	width: 100vw;
	bottom: 0;
	z-index: -1;
	border-top: 1px solid #ccc;

}
#main.single-reform .entry-header  .entry-title,
#main.single-example .entry-header  .entry-title{

	margin-bottom: 0;
}


#main.single-reform .entry-header .icons,
#main.single-example .entry-header .icons{
	padding: 0 1rem 1rem;
	display: block;
	text-align: right;
}
#main.single-reform .entry-header .icons .icon,
#main.single-example .entry-header .icons .icon{
	display: inline-block;
	padding: 0.3em 0.5em;
	font-size:clamp(0.688rem, 0.646rem + 0.21vw, 0.813rem);
	background: #999;
	color: #fff;
	border-radius:4px;
	margin-right: 0.5em;
	line-height: 1.4;
}
@media screen and (min-width:768px) {
	
#main.single-reform .entry-header .entry-title,
#main.single-example .entry-header .entry-title{
padding-right: 10rem;
}
#main.single-reform .entry-header .icons,
#main.single-example .entry-header .icons{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	max-width: 9rem;
	padding-bottom: 0;
	}
}
@media screen and (max-width:767.98px) {
  #galleryslider .flex-info {
    position: fixed;
    bottom: -200%;
    transition: 0.3s ease;
    left: 0;
    right: 0;
    width: 100vw !important;
    margin: 0;
    opacity: 1;
    background: rgba(0, 0, 0, 0.75);
    z-index: 20;
  }
  #galleryslider .flexslider:hover .flex-info {
    bottom: 0;
    transition: 0.3s ease;
    min-height: 10Vh;
    text-align: center;
  }
	
#galleryslider .gallery.thumb dl,
#galleryslider .gallery dl {
	  padding: 0 0.1rem;
	}
}
#example-slider .flex-info > p {
  padding: 1em;
  min-height: 10%;
}


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

.reform-cf_itens > span{
	display: inline-block;
	margin-right: 1rem;
		
	
}
#reform-meta dl .title{
border-bottom: none;
font-size: 1.1rem;
margin-bottom: 0.5rem;
}
#reform-meta dd{
	border-left: 0.3rem solid #f2f2f2;
	line-height: 1.7;
}

#before-after .ba-item {}
.ba-item figure {
  background: rgba(0, 0, 0, 0.05);
}
.ba-item figure a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.ba-item .after-image figure a {
  padding-top: 75%;
}
.ba-item .before-image figure a {
  padding-top: 130%;
}
.ba-item figure a img {
  position: absolute;
  width: auto;
  height: auto;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#before-after .w100 {}
.ba-item figure .ttl {
  text-align: center;
  display: block;
  color: #111;
}
#before-after .arrow i {
  position: relative;
  top: 40%;
  font-size: 5vw;
  color: #CCC;
}
@media screen and (min-width:768px) {
  #before-after .arrow i {
    font-size: 44px;
  }
}
#before-after > table {
  width: 100%;
}
#before-after > table td, #before-after > table th {
  border: none;
}
#before-after > table td {
  padding: 0 2% 2em;
}
#before-after > table th:first-child:before, #before-after > table th:last-child:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background: #999;
  margin-right: 0.5em
}
#before-after > table .before-image {
  width: 35%;
  vertical-align: top;
}
#before-after > table .after-image {
  width: 55%;
}
#before-after > table .before-image img, #before-after > table .after-image img {
  width: 100%;
  height: auto;
}
#before-after > table .arrow {
  width: 10%;
  vertical-align: top;
  border: none;
}
#before-after > table .arrow > span {
  display: block;
  background: #666;
  margin-top: 100%;
}
#before-after > table .arrow > span img {
  width: 100%;
  height: auto;
  display: block;
}
/*図面・間取り図*/
.single #plans {
  width: 635px;
  padding: 10px 0 0;
  margin-bottom: 20px;
}
.single #plans .pickup-image {
  float: left;
  height: 300px;
  width: 300px;
  margin-right: 13px;
  margin-bottom: 10px;
  text-align: center;
  box-shadow: 0 0 3px #ccc;
  padding-top: 5px;
}
.single #plans .pickup-image img {
  max-height: 240px;
  height: auto;
  max-width: 240px;
  width: auto;
}
.inc_posts {}
.inc_posts .posts .post .title {
  font-size: 0.9rem;
}
.inc_posts .posts .post .title a {
  text-decoration: none;
  color: #666;
}
.inc_posts .posts .post .cat_icon {
  display: block;
  font-size: 0.8rem;
}


/*video-wrap*/
/* iframeを包括するボックスのスタイル */
.responsive-iframe-container, .vodeo-wrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 アスペクト比の調整 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.responsive-iframe-container iframe, .vodeo-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*movie-wrap*/


/* iframeを包括するボックスのスタイル */
.responsive-iframe-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 アスペクト比の調整 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 1em;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:767.98px) {
  .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{}

@media screen and (min-width: 768px){
.hublog-inquiry .telnum, .profile_inquiry_tel .telnum {
  font-size: 2.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;
}
.nyroModalDom .clearfix {}
.pWindow .contentsBox .contentsBody {
padding: 10px 10px 5px;
}
.nyroModalDom .clearfix .input-area, .nyroModalDom h3, .pwContainer .clearfix .input-area {
/*    width: 360px;
*/
}

#form.container{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 980px !important;
}

.hublog-inquiry .beforeform{
	text-align: center;
	padding: 1.5rem 0;
}
.hublog-inquiry > .title,
.hublog-inquiry .beforeform .ttl{
	border: 1px solid #ddd;
	display: block;
	padding: 1rem;
	margin-bottom: 2rem;;
	text-align: center;
}
.hublog-inquiry,
.mw_wp_form,
.wpcf7{
	font-size: 1rem;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.mw_wp_form textarea,
.mw_wp_form input[type="text"],
input.wpcf7-text,
textarea.wpcf7-textarea {
  max-width: 100%;
  width: auto;
}


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

.wpcf7-form {
border-radius: 0.5em;
	}
}

.wpcf7-form {
background: #f9f9f9;
padding: 2em;
box-sizing: border-box;
}
.wpcf7-form > p,
.wpcf7-form > .privacy{
border: 1px solid #ddd;
background: #f4f4f4;
padding: 1em 3%;
display: block;
margin-bottom: 0.5em;
}

.mw_wp_form form > p ,
.wpcf7-form-control-wrap .wpcf7-checkbox{
padding: 1rem;
border: 1px solid #ddd;
background: #f9f9f9;
display: block;
margin-bottom: 0.5rem;
}

.mw_wp_form form > p > b,
.wpcf7-form > p > b {
	display: block;
	padding-bottom: 0.2em;
	margin-bottom: 0.5rem;
}
.mw_wp_form form > p > b + br,
.wpcf7-form > p > b + br{
	display: none;
}
.mw_wp_form form > p > b.required:after,
.wpcf7-form > p > b.required:after {
content: "必須";
color: #900;
display: inline-block;
font-size: 0.85em;
margin: 0 0.5em;
}
.wpcf7-form .submit_area{
	text-align: center;
}
.wpcf7-form .submit_area .wpcf7-list-item{
	display: inline-block;
}
.wpcf7-form .submit_area .wpcf7-list-item input{
	font-size: 2em;
}

.wpcf7 input.wpcf7-text
{
	font-size: 1.5em;
}
.wpcf7-checkbox,
.wpcf7-textarea,
.wpcf7-radio,
.wpcf7-date
{
	font-size: 1.2em;
	margin-bottom: 0.2em;
}
.wpcf7-list-item{
	display: block;
}
.wpcf7 .caution{
color: #900;
}

.wpcf7-acceptance{
	font-size: 1.2em;
}
.wpcf7-form iframe{
	width: 100%;
	border: 0;
}

.wpcf7-validates-as-date{
	min-width: 8em;
	min-height: 1.7em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wpcf7-acceptance{
	display: inline-block;
}
.wpcf7-spinner{
	display: block;
}
@media screen and (max-width:575.98px) {
.wpcf7-form,
.wpcf7-form > p{
padding: 0.7em;
}
.mw_wp_form form > p > b,
.wpcf7-form > p > b {
	margin-bottom: 0.3rem;
}

}

.wpcf7-form input[type="submit"] {
  -webkit-appearance: none;
  width: 100%;
  max-width: 300px;
  background: #1ca5aa;
  border-radius: 0.3em;
  border: none;
  color: #fff;
  padding: 0.7em 0;
  font-weight: 500;
  font-size: 120%;
}
.wpcf7-form input[type="submit"]:hover {
  background: #6dd;
  transition: all .5s ease;
}


/*CONVERSION BTN*/
.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-blog .title {
	font-size: 1.15rem;
}
.posts .post.style-headline .tmb-icon {
  position: relative;
  margin-bottom: 0.5em;
}
.posts .post.style-headline {
  box-sizing: border-box;
	border-bottom: 1px dotted #ccc;
	padding: 0.5em 0;
	margin-bottom: 0.5rem;
}


.posts .post.style-headline .title, .posts .post.style-headline .date {
  margin-bottom: 0;
}
.posts .post.style-headline a.title:hover{
	text-decoration: none;
	opacity: 1;
}
.posts .post.style-headline .date {
  text-align: right;
	width: 10em;
}

.posts .post.style-headline .title{
	width: calc( 100% - 8em);

}
@media screen and (max-width:767.98px) {
.posts .post.style-headline .title,
.posts .post.style-headline .date {
	display: block;
	width: 100%;
	}
}
	
	
	
.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: 65%; /*　トリミングしたい枠の高さ　*/
}
.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;
}
.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 {}
.posts .post.style-voice, .posts .post.style-example {}
@media screen and (max-width:767.98px) {
  .posts .post.style-voice, .posts .post.style-example {}
}

.posts .post.style-voice .thumbnail, .posts .post.style-example .thumbnail {
  max-width: none;
}
.posts .post.style-voice .thumbnail .attachment, .posts .post.style-example .thumbnail .attachment {
  display: block;
  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 .title, .posts .post.style-example .title {
  padding: 0;
}
.posts .post.style-voice .metabox .todetail, .posts .post.style-example .title .todetail {
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  text-align: center;
}
.thumbnail .cat_icon {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  padding: 0.2em 0.5em 0.2em;
  background: rgba(0, 0, 0, 0.70);
  color: #fff;
  line-height: 1.1;
  font-size: 13px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.70);
  border-radius: 4px;
  box-sizing: border-box;
  z-index: 21;
}
.thumbnail:hover .cat_icon {
  opacity: 0.2;
}
.posts .post .cat_icon {
  position: absolute;
  right: 0.2rem;
	bottom: 0.2rem;
  display: inline-block;
  padding: 0.2em 0.5em 0.2em;
  background: rgba(0, 0, 0, 0.70);
  color: #fff;
  line-height: 1.1;
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.70);
	backdrop-filter:blur( 5px );
 -webkit-backdrop-filter: blur(5px);

  border-radius: 2;
  box-sizing: border-box;
  z-index: 21;
}
.posts .post .cat_icon.icon_image {
  background: none;
  border-radius: 0;
  text-shadow: none;
  opacity: 1;
  width: 100%;
  height: 100;
  overflow: visible;
  top: 0;
  right: 0;
  position: absolute;
  display: block
}
.cat_icon.example {
  display: none;
}
.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 


*/
/*Event*/
.addcontent-event .event-closed{
	border: 1px solid #730000;
	padding: 1rem;
}


.event-hour, .event-at, .event-date {
  display: block;
}
.posts .post.post.style-event a.event-closed {
background: rgba(255,255,255,0.70);
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  color: #222;
  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: inline-block;
background: #fff;
  width: 80%;
  max-width: 18em;
  padding: 0.75em 1.5em;
  border: 1px solid #ccc;
}
.posts .post.style-event {
  position: relative;
  background: transparent;
  border: none;
z-index: 1;
}
.posts .post.style-event .thumbnail {
  max-width: none;
}
.posts .post.style-event .metabox {
  max-width: none;
}
.posts .post.style-event .metabox .todetail a {
  background: #fff;
  border-radius: 1rem;
  padding-left: 2em;
  padding-right: 2em;
}
.posts .post.style-event .thumbnail {
  margin-bottom: 0;
}
.posts .post.style-event .tmb-icon.new {
  display: none;
}
#addcontent-event .eyecatch .event-status,
.posts .post.style-event .event-status {
  position: absolute;
  width: 100%;
}
#addcontent-event:before,
.posts .post.style-event:before {
  content: "";
  display: block;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  top: 0.5rem;
}


.posts .post.style-event .metabox {}
.posts .post.post.style-event a.event-closed {
  left: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  top: 0.5rem;
  text-shadow: 0 0 0.5em #fff;
}
.event_type_icon {
  background-color: #209aa0;
  position: relative;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  padding: 0 1em;
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  margin-bottom: 1em;
  margin-left: 1em;
  min-width: 6em;
  text-align: center;
}
.event_type_icon:before {
  background: #209aa0;
  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{}
#addcontent-event {
	position: relative;
}


#addcontent-event .event-status,
.posts .post.style-event .event-status {
max-width: 180px;
min-width: 100px;
position: absolute;
width: 100%;
z-index: 101;
pointer-events: none;
}
#home-event .posts .post.style-event .event-status {
max-width: 140px;
}

.posts .post.style-event .event-status {
left: -0.4%;
top: -1%;
}

#addcontent-event .eyecatch .event-status{
left: -2rem;
top: -2rem;
}
.posts .post.style-event .moreinfo{
	background: #f6f7fb;
	display: block;
	position: absolute;
	bottom: 1.0rem;
	left: 1.5rem;
	right: 1.5rem;
	text-align: center;
	font-size: 1rem;
	line-height: 2;
}
.posts .post.style-event .moreinfo:before{
    content: "\e5cc";
    font-family: 'Material Icons';
    display: inline-block;
	vertical-align: middle;
    margin-right: 0.5em;
  }


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



voice-post_title{}
#voice-header .voice-photo img{
border-radius: 50%;
object-fit: cover;
width:clamp(6rem, 0.488rem + 15.02vw, 8rem) !important;
min-width:clamp(6rem, 0.488rem + 15.02vw, 8rem) !important;
height:clamp(6rem, 0.488rem + 15.02vw, 8rem) !important;
overflow: hidden;
}


@media screen and (max-width: 575.98px) {
.voice_set figure{
order: 1;
}
.voice_set .text-cell{
order: 2;
}
#voice-header .voice-photo img{
	margin: auto;
}
}

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

.voice_set:nth-child(even) figure{
order: 1;
}
.voice_set:nth-child(even) .text-cell{
order: 2;
}
#voice-content .voice_set .text-cell{
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
	padding: 3rem;
	background: rgba(255,255,255,0.7);
	z-index: 3;
	line-height: 2.0;
}
#voice-content .voice_set .text-cell h3{
	line-height: 2.0;
	}
#voice-content .voice_set .text-cell,
#voice-content .voice_set > figure{
	align-self: center;
}
	
#voice-content .voice_set > figure a{
	display: block;
	margin-left: calc(-25vw + 50%);
	margin-right: calc(-25vw + 50%);
	overflow: hidden;
	position: relative;
	max-height: 85vh;
}
#voice-content .voice_set > figure a img{
	object-fit: contain;
	width: 100%;
}	
}

/*single*/


.example-entry {
width:  calc( 100% - (clamp(12.5rem, 1.389rem + 23.15vw, 18.75rem) + clamp(1rem, 0.273rem + 3.64vw, 3rem)));
position: relative;
}
#example-data{
width: clamp(15rem, 8.333rem + 13.89vw, 18.75rem);
padding-right: 5%;
}
@media screen and (max-width: 1199.98px) {
#example-data{
margin-left: -5vw;
}
}
@media screen and (max-width: 767.98px) {
#example-data{
width: 100%;
margin-left: 0;
	padding-right: 0;
}
.example-entry {
width: 100%;
}
}

#example-data caption {
  caption-side: top;
  display: block;
}
#example-data > .ttl {
  margin-bottom: 0.5em;
  border-bottom: 1px solid #ccc;
  padding-left: 0;
  background: none;
}
#example-data table td, #example-data table th {
  border: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  font-weight: normal;
}
#example-data table th {
  text-align: right;
  padding-right: 0;
  white-space: nowrap;
}
#example-data table td p {
  margin: 0;
  padding: 0;
}

#main.single-example .entry-header h1.entry-title{
}
#example-data table{
width: 100%;
font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
#example-data table td,
#example-data table th{
text-align: left;
padding: 0.5rem  0.5rem  0.5rem  0 ;
border-bottom: 1px solid #efefef;
}

/*HtmlPage*/

.pagetab,
.pagetab ul{
margin: 0 auto;
position: relative;
}

.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{
display: flex;
justify-content: center;
margin-top: 3rem;
margin-bottom: 3rem;	
}
.pagetab ul {
	padding: 0.5rem 0;
}
.pagetab ul li {
box-sizing: border-box;
display: inline-block;
margin: 0 ;
position: relative;
letter-spacing: 0;
padding: 0.2rem;
vertical-align: middle;
float: none;
}

.pagetab li a{
text-decoration: none;
padding: 0.5em;
display: block;
position: relative;
		
}
.pagetab li a:after{
content: "";
display: block;
margin: 0 ;
height: 2px;
width: 0%;
background: #999;
transition: .3s;
opacity: 0;
position: absolute;
bottom: 0;
}
.pagetab li a:hover{
color: var(--col_text_main);
}
.pagetab li a:hover::after{
width: 100%;
opacity: 0.5;
}

.pagetab li.current > a:after,
.pagetab li.current_page_item > a:after{
width: 100%;
opacity: 1;
}
.entry-content .pagetab li a{
font-size: 1rem;
}
.pagetab.pagetab-main{
margin-top: 0;
background: rgba(0,0,0,0.00);transition: .2s;
}
.pagetab.pagetab-main.fixed{
position: fixed;
z-index: 298;
left: 0;
right: 0;
top: calc( 120px);
background: rgba(240,240,240,0.9);
backdrop-filter:blur( 5px );
-webkit-backdrop-filter: blur(5px);
}

@media screen and (max-width: 767.98px) {
.pagetab.pagetab-main.fixed{
top: 54px;
}
.pagetab.pagetab-main.fixed ul{
	margin-left: 1rem;
	margin-right: 1rem;
}	
.pagetab.pagetab-main.fixed ul li{
	padding: 0.1em 0.2em;
	border-radius: 0.2em;
}

}


/*会社案内　会社概要
***************************************************************************************/
#about-filter li {
  border: 4px solid #eee;
  padding: 0.5em;
  margin-bottom: 0.5em;
  position: relative;
  transition: .3s;
  width: 32%;
}
#about-filter li.w50 {
  width: 48%;
  text-align: center;
}
@media screen and (max-width:767.98px) {
  #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%;
}

#gaiyou{
}

#gaiyou tr{
	position: relative;
}
#gaiyou th{
	padding: 0.5rem 0;
	vertical-align: top;
	min-width: 8rem;
}
#gaiyou td{
	padding: 0.5rem 0 0.5rem clamp(2rem, 0.154rem + 5.13vw, 4rem);
	vertical-align: top;
	line-height: 2;
}
#gaiyou td p{
	margin-bottom: 0;
}
@media screen and (max-width: 575.98px) {
#gaiyou th{
	display: contents;
	padding-bottom: 0 !important;
	margin-bottom:0; 
}
#gaiyou th,
#gaiyou td{
	display: block;
	line-height: 1.6;
}
	#gaiyou th{
		padding: 1rem 0;
	}
	#gaiyou td{
		padding: 0 0 1rem;

	}

}
ul.timeline_set{}
ul.business_set{}
ul.timeline_set li,
ul.business_set li{
	display: block;
	list-style: none;
	margin-bottom: 1em;
}
ul.timeline_set li > span,
ul.business_set li > span{
	display: block;
}
ul.business_set li{
	margin-bottom: 2rem
}

ul.business_set li > .ttl{
	font-weight: bolder;
	margin-bottom: 0.5rem;
}


/*Footer
***************************************************************************************/
/*Footer*/
#footer {
  position: relative;
	font-size: 0.8rem;
}
#wrapper {
  overflow: hidden;
}
#wrapper #global-navi {
	position: fixed;
	top: 0;
	left: 110vw;
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
	z-index: 400;
	transition: .4s;
	overflow-x: hidden;
	background-color: rgba(100, 51, 12, 0.90);
	backdrop-filter:blur(4px);
	-webkit-backdrop-filter: blur(4px);
}
/*NAVIGATION*/
li.links_offer a:hover{
	filter: brightness(1.2);
}

#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);
	z-index: 1;
}
#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:767.98px) {
  #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: "\e5cc";
    font-family: 'Material Icons';
    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;
    overflow-y: visible;
    max-height: 100vh;
  }
  #global-navi ul.menu {
  }
  #global-navi ul {
    margin-bottom: 0;
  }
  .home-menu .sub-menu > .menu-item:not(:last-child) {
    border-bottom: none;
  }
	
  #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;
	  margin-left: 0;
  }
  #global-navi .gtm-address {
    display: none;
  }
}
@media screen and (max-width:767.98px) {
#wrapper #access {
padding-bottom: 1rem;
overflow:visible;
}
}
#global-navi-logo{
	border-bottom: 1px solid #fff;
}

.btn-gnavi.open + #global-navi {
  left: 0 !important;
}
#wrapper #global-navi .global-navi-menu ul li {
  display: block;
  padding: 0.2rem 0;
	line-height: 1;
}
#wrapper #global-navi #access ul li a {
text-decoration: none;
color: #fff;
padding: 0.5rem;
line-height: 1.5;
display: block;
}
#wrapper #global-navi #access ul li a:after {
	content: "";
	display: block;
	width: 0;
	opacity: 0;
	height: 2px;
	background: #ccc;
	transition: .3s;
}
#wrapper #global-navi #access ul li a:hover:after {
	width: 100%;
	opacity: .5;
}

#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 #global-navi .gtn-contgact > *{
	display: block;
}
#wrapper #global-navi .profile_inquiry_tel{
}
#wrapper #global-navi .profile_inquiry_tel a{
	color: #fff;
}
#wrapper #global-navi li.links_offer{
	width: 50%;
}
#wrapper #global-navi .row li.links_offer a{
	white-space: nowrap;
	display: block;
	padding: 0.7em 0.7em 0.8em;
}

@media screen and (max-width:767.98px) {
#footer	.contact-tel,
#wrapper #global-navi .profile_inquiry_tel{
	font-size:2rem;
}
}
#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);
}
.global-navi-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.snslink ul.flexbox > li{
	width: calc( 100% / 7);
}
.snslink ul.flexbox{
	max-width: 640px;
}

#footer_inbox .snslink svg,
#global-navi .snslink svg{
	fill:#fff; 
	max-width: 2.5rem;
}
.footer-navi-menu ul,
.footer-navi-menu ul li{
list-style: none;
display: block;
}
.footer-navi-menu ul.menu,
.global-navi_widgets ul.menu{
	padding-left: 0;
	font-size: 0.8rem;
}
.footer-navi-menu ul.sub-menu,
.global-navi_widgets ul.sub-menu{
	padding-left: 1.0rem;
	padding-top: 0.5rem;
}


@media screen and (max-width: 767.98px) {
.global-navi_widgets .f1,
.global-navi_widgets .f2,
.global-navi_widgets .f3,
.global-navi_widgets .f4,
.global-navi_widgets .f5{
	  display:none;
}
}
	


#footer .cr {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
}
#footer_inbox {
	overflow: hidden;
}

@media screen and (max-width:991.98px) {
#footer_inbox {
	padding-bottom: 3rem;
	}
	
}
.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;
}
.dummyimg {
  display: block;
  background: #ccc;
  width: 100%;
  height: 50%;
}
/*AddQuickTag*/
.txt36 {
  font-size: 1.9rem;
}
.txt24 {
  font-size: 1.6rem;
}
.txt18 {
  font-size: 1.3rem;
}
.txt14 {
  font-size: 1.1rem;
}
.txt12 {
  font-size: 1.0rem;
}
.txt12 {
  font-size: 0.9rem;
}
.txt8 {
  font-size: 0.8rem;
}
br.sponly {}
.txt36, .txt24, .txt18, .txt14, .txt12, .txt10, .txt8 {
  line-height: 1.5;
}
@media screen and (min-width:768px) {
  .txt36 {
    font-size: 36pt;
  }
  .txt24 {
    font-size: 24pt;
  }
  .txt18 {
    font-size: 18pt;
  }
  .txt14 {
    font-size: 14pt;
  }
  .txt12 {

    font-size: 12pt;
  }
  .txt10 {
    font-size: 10pt;
  }
  .txt8 {
    font-size: 8pt;
  }
  br.sponly {
    display: none;
  }
}
#sbttBacktotop {
  bottom: 5em;
}

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

.mx-sm-0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
}


#pageTop{
position: fixed;
z-index: 1001;
bottom: -60px;
opacity: 0;
right: 20px;
transition: .5s;
}
#pageTop.fixed{
bottom: 50px;
opacity: 1;
}
#pageTop a{
display: block;
position: relative;
height: 0;
width: 62px;
padding-top: 62px;
line-height: 62px;
overflow: hidden;
white-space: nowrap;
}
#pageTop a:before{
position: absolute;
content: "\e7cd";
font-family: 'Material Icons';
color:rgba(80,80,80,0.80);
font-size: 62px;
top: 0;
left: 0;
right: 0;
transform: rotate(180deg);
}

@media screen and (max-width:575.98px) {
#pageTop{
right: 10px;
}
#pageTop.fixed{
bottom: 100px;
}
#pageTop a{
width: 40px;
height: 40px;
padding-top: 40px;
line-height: 40px;
}
#pageTop a:before{
font-size: 40px;
}
}

.maxw-1400{max-width:1400px;}.maxw-1390{max-width:1390px;}.maxw-1380{max-width:1380px;}.maxw-1370{max-width:1370px;}.maxw-1360{max-width:1360px;}.maxw-1350{max-width:1350px;}.maxw-1340{max-width:1340px;}.maxw-1330{max-width:1330px;}.maxw-1320{max-width:1320px;}.maxw-1310{max-width:1310px;}.maxw-1300{max-width:1300px;}.maxw-1290{max-width:1290px;}.maxw-1280{max-width:1280px;}.maxw-1270{max-width:1270px;}.maxw-1260{max-width:1260px;}.maxw-1250{max-width:1250px;}.maxw-1240{max-width:1240px;}.maxw-1230{max-width:1230px;}.maxw-1220{max-width:1220px;}.maxw-1210{max-width:1210px;}.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;
}