@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

body {
  line-height: 1.5;
}

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

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  display: inline-block;
}

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

.h1, .h2, .h3, h1, h2, h3 {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
}

.h4, .h5, .h6, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}

.bold {
  font-weight: bold;
}

/* OPACITY & HOVER UNDERLINE */
.hvO {
  -webkit-transition: 0.15s ease opacity;
  -moz-transition: 0.15s ease opacity;
  -ms-transition: 0.15s ease opacity;
  -o-transition: 0.15s ease opacity;
  transition: 0.15s ease opacity;
}

.hvO:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.hvU:hover {
  text-decoration: underline;
}

.hvUa {
  position: relative;
}

.hvUa:before {
  display: block;
  content: "";
  width: 0%;
  height: 1.5px;
  background-color: #666666;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
  transition: width 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hvUa:hover:before {
  width: 100%;
}

.bigCont {
  max-width: 1186px;
  width: 100%;
  margin: auto;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .bigCont {
    width: 94%;
    margin: 0 3%;
  }
}

.contBlog {
  max-width: 1088px;
  width: 100%;
  margin: auto;
}

@media screen and (max-width: 1200px) {
  .contBlog {
    width: 94%;
    margin: 0 3%;
  }
}

.bg-set {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}

.only-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .only-mobile {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .only-desktop {
    display: none;
  }
}

.only-tab {
  display: none;
}

@media screen and (max-width: 1000px) {
  .only-tab {
    display: block;
  }
}

/* Font */
body {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  color: #333333;
  box-sizing: border-box;
  overflow-x: hidden;
  font-size: 16px;
  background-color: #FFFFFF;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 2px;
}

#headerBlog {
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  z-index: 20;
  background-color: #FFFFFF;
  position: fixed;
  box-shadow: 0px 0px 6px 0px rgba(16, 16, 16, 0.15);
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  #headerBlog {
    height: 60px;
    padding-left: 15px;
  }
}

#headerBlog .leftSide {
  width: 180px;
}

@media screen and (max-width: 767px) {
  #headerBlog .leftSide {
    width: 133px;
  }
}

#headerBlog .rightSide {
  flex: 1;
  padding-left: 15px;
  padding-right: 128px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 1400px) {
  #headerBlog .rightSide {
    padding-right: 115px;
  }
}

@media screen and (max-width: 767px) {
  #headerBlog .rightSide {
    padding-right: 68px;
  }
}

@media screen and (max-width: 1200px) {
  #headerBlog .rightSide nav {
    display: none;
  }
}

#headerBlog .rightSide nav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#headerBlog .rightSide nav ul li {
  margin-left: 64px;
  position: relative;
}

@media screen and (max-width: 1400px) {
  #headerBlog .rightSide nav ul li {
    margin-left: 25px;
  }
}

@media screen and (max-width: 1250px) {
  #headerBlog .rightSide nav ul li {
    margin-left: 20px;
  }
}

#headerBlog .rightSide nav ul li:first-child {
  margin-left: 0;
}

#headerBlog .rightSide nav ul li a {
  font-size: 17px;
}

@media screen and (max-width: 1400px) {
  #headerBlog .rightSide nav ul li a {
    font-size: 16px;
  }
}

@media screen and (max-width: 1250px) {
  #headerBlog .rightSide nav ul li a {
    font-size: 15px;
  }
}

#headerBlog .rightSide nav ul li ul {
  display: block;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-8px);
  visibility: hidden;
  left: 0;
  transition: all .4s ease-in-out, visibility 0s .3s;
  width: 100%;
  background-color: #FFF;
}

#headerBlog .rightSide nav ul li ul li {
  margin-left: 0;
  border-bottom: 1px solid #CDCDCD;
}

#headerBlog .rightSide nav ul li ul li:first-child {
  border-top: 1px solid #cdcdcd;
}

#headerBlog .rightSide nav ul li ul li a {
  display: block;
  font-size: 15px;
  padding: 8px 12px;
  transition: all 0.3s ease;
}

#headerBlog .rightSide nav ul li ul li a:hover {
  background-color: #4d4d4d;
  color: #FFF;
}

#headerBlog .rightSide nav ul li:hover ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all .4s ease-in-out, visibility 0s;
}

#headerBlog .rightSide .ctnBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 100px;
}

@media screen and (max-width: 1400px) {
  #headerBlog .rightSide .ctnBox {
    margin-left: 50px;
  }
}

@media screen and (max-width: 1250px) {
  #headerBlog .rightSide .ctnBox {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1200px) {
  #headerBlog .rightSide .ctnBox {
    margin-left: 0;
  }
}

#headerBlog .rightSide .ctnBox div {
  width: 286px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 7.5px;
}

@media screen and (max-width: 767px) {
  #headerBlog .rightSide .ctnBox div {
    width: 94px;
    margin-bottom: 0;
  }
}

#headerBlog .rightSide .ctnBox div a {
  width: 138px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #666666;
  color: #FFF;
  position: relative;
  transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
  #headerBlog .rightSide .ctnBox div a {
    height: 45px;
    width: 45px;
    text-align: center;
    font-size: 14px;
    line-height: 1.25;
  }
}

#headerBlog .rightSide .ctnBox div a:hover {
  background-color: #4d4d4d;
}

@media screen and (max-width: 767px) {
  #headerBlog .rightSide .ctnBox div.btnDesktop {
    display: none;
  }
}

#headerBlog .rightSide .ctnBox div.btnMobile {
  display: none;
}

@media screen and (max-width: 767px) {
  #headerBlog .rightSide .ctnBox div.btnMobile {
    display: flex;
  }
}

#headerBlog .rightSide .ctnBox p {
  font-size: 14px;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  #headerBlog .rightSide .ctnBox p {
    display: none;
  }
}

.headerSpBtn {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  background-color: #666666;
  border: none;
  text-align: center;
  outline: none;
  border-radius: 0;
  transition: all .2s ease-in-out;
  z-index: 22;
}

@media screen and (max-width: 767px) {
  .headerSpBtn {
    width: 60px;
    height: 60px;
  }
}

.headerSpBtn > div {
  position: absolute;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  background-color: #FFFFFF;
  width: 35px;
  transition: all .2s ease-in-out;
}

@media screen and (max-width: 767px) {
  .headerSpBtn > div {
    width: 24px;
  }
}

.headerSpBtn > div::after, .headerSpBtn > div::before {
  position: absolute;
  display: inline-block;
  content: '';
  height: 1px;
  width: 100%;
  background-color: #FFFFFF;
  transform-origin: center;
  transition: all .2s ease-in-out;
}

.headerSpBtn > div::after {
  bottom: -12px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .headerSpBtn > div::after {
    bottom: -10px;
  }
}

.headerSpBtn > div::before {
  top: -12px;
  left: 0;
}

@media screen and (max-width: 767px) {
  .headerSpBtn > div::before {
    top: -10px;
  }
}

.headerSpBtn._active > div {
  background-color: transparent;
}

.headerSpBtn._active > div::after {
  transform: rotate(45deg);
  bottom: 0;
}

.headerSpBtn._active > div::before {
  transform: rotate(-45deg);
  top: 0;
}

/* NAV SP */
.navSp::-webkit-scrollbar {
  width: 0.5em;
}

/* NAV SP */
.navSp {
  position: fixed;
  top: 0;
  right: -100%;
  width: 445px;
  height: 100%;
  background-color: #666666;
  z-index: 21;
  overflow-y: auto;
  opacity: 1;
  visibility: hidden;
  transition: all 0.3s ease;
  padding: 70px;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 14px;
  color: #FFF;
  padding-bottom: 50px;
}

.navSp._active {
  right: 0;
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .navSp {
    width: 100%;
    padding: 40px;
    padding-bottom: 60px;
  }
}

.navSp .inner .sns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.navSp .inner .sns a {
  margin-right: 17px;
  width: 30px;
}

.navSp .inner .sns a:last-child {
  margin-right: 0;
}

.navSp .inner .sns a img {
  width: 100%;
}

.navSp .inner .list-nav {
  margin-bottom: 30px;
}

.navSp .inner .list-nav li {
  border-bottom: 1px solid #FFF;
}

.navSp .inner .list-nav li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14.5px 0;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 14px;
  font-weight: normal;
  position: relative;
  transition: all 0.3s ease;
  left: 0;
}

.navSp .inner .list-nav li a:hover {
  left: 5px;
}

.navSp .inner .list-nav li:first-child a {
  padding-top: 0;
}

.navSp .inner .list-nav li .dropdownSp {
  display: none;
  width: 100%;
}

.navSp .inner .list-nav li.hasChild .menuSp {
  display: flex;
  justify-content: space-between;
}

.navSp .inner .list-nav li.hasChild .menuSp i {
  font-size: 16px;
  transition: all 0.3s ease;
  color: #C6C6C6;
}

.navSp .inner .list-nav li.hasChild .menuSp.nav-change i {
  transform: rotate(180deg);
}

.navSp .inner .list-nav li.hasChild .dropdownSp {
  width: 100%;
  padding-bottom: 10px;
  margin-top: -10px;
}

.navSp .inner .list-nav li.hasChild .dropdownSp li {
  border-bottom: 0;
}

.navSp .inner .list-nav li.hasChild .dropdownSp li a {
  font-size: 12px;
  font-weight: 500;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  padding: 4px 0;
}

.navSp .inner .list-nav li.last {
  margin-top: 35px;
  border-bottom: 0;
}

.navSp .inner .list-nav li.last a {
  padding: 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}

.noOverflow {
  overflow: hidden;
}

#AllBox {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/* SASS UNTUK FOOTER */
.office-section {
  background-color: #ADADAD;
  padding: 75px 3% 0;
  position: relative;
}

@media screen and (max-width: 1200px) {
  .office-section {
    padding: 60px 3% 0;
  }
}

@media screen and (max-width: 767px) {
  .office-section {
    padding: 10px 3% 0;
  }
}

.office-section #access {
  position: absolute;
  top: 0;
  margin-top: -90px;
}

@media screen and (max-width: 767px) {
  .office-section #access {
    margin-top: -60px;
  }
}

.office-section .title-section {
  position: absolute;
  left: -5px;
  top: 50%;
  transform: translate(0, -50%) rotate(90deg);
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 28px;
  color: #FFFFFF;
  font-weight: normal;
}

@media screen and (max-width: 1300px) {
  .office-section .title-section {
    font-size: 24px;
  }
}

@media screen and (max-width: 1200px) {
  .office-section .title-section {
    position: relative;
    transform: unset;
    left: auto;
    top: auto;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .office-section .title-section {
    font-size: 12px;
    margin-bottom: 30px;
  }
}

.office-section .inner {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto 65px;
}

@media screen and (max-width: 767px) {
  .office-section .inner {
    margin: 0 auto 45px;
  }
}

.office-section .inner h2 {
  text-align: center;
  font-size: 28px;
  line-height: 2;
  margin-bottom: 60px;
  color: #FFF;
}

@media screen and (max-width: 1200px) {
  .office-section .inner h2 {
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .office-section .inner h2 {
    font-size: 16px;
    margin-bottom: 25px;
  }
}

.office-section .inner .listOffice {
  display: flex;
  justify-content: space-evenly;
}

@media screen and (max-width: 1300px) {
  .office-section .inner .listOffice {
    justify-content:space-evenly;
  }
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.office-section .inner .listOffice li {
  width: 27.5%;
  text-align: center;
  color: #FFF;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
}

@media screen and (max-width: 1400px) {
  .office-section .inner .listOffice li {
    width: 31.5%;
  }
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice li {
    max-width: 275px;
    width: 100%;
    margin: 0 auto 35px;
  }
  .office-section .inner .listOffice li:last-child {
    margin-bottom: 0;
  }
}

.office-section .inner .listOffice li h3 {
  font-size: 24px;
  margin-bottom: 25px;
}

@media screen and (max-width: 1200px) {
  .office-section .inner .listOffice li h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice li h3 {
    font-size: 26px;
    margin-bottom: 15px;
  }
}

.office-section .inner .listOffice li img {
  max-width: 270px;
  width: 100%;
  margin: 0 auto 25px;
  display: block;
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice li img {
    margin: 0 auto 15px;
  }
}

.office-section .inner .listOffice li .tel {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1200px) {
  .office-section .inner .listOffice li .tel {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice li .tel {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.office-section .inner .listOffice li .ctnBtn {
  max-width: 230px;
  width: 100%;
  height: 35px;
  margin: 0 auto 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  font-size: 14px;
  border-radius: 3px;
  position: relative;
  transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice li .ctnBtn {
    max-width: 216px;
    height: 33px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}

.office-section .inner .listOffice li .ctnBtn:hover {
  background-color: #FFF;
  color: #ADADAD;
}

.office-section .inner .listOffice li .addressBox {
  display: flex;
  justify-content: space-between;
  font-weight: 500;
}

@media screen and (max-width: 1200px) {
  .office-section .inner .listOffice li .addressBox {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
}

.office-section .inner .listOffice li .addressBox .address {
  flex: 1;
  padding-right: 10px;
  font-size: 15px;
  line-height: 1.75;
}

@media screen and (max-width: 1200px) {
  .office-section .inner .listOffice li .addressBox .address {
    font-size: 13px;
  }
}

@media screen and (max-width: 767px) {
  .office-section .inner .listOffice li .addressBox .address {
    font-size: 14px;
    letter-spacing: 1px;
  }
}

.office-section .inner .listOffice li .addressBox a {
  width: 33px;
  height: 16px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 3px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: 3px;
  letter-spacing: 0;
  position: relative;
  transition: all 0.3s ease;
}

.office-section .inner .listOffice li .addressBox a:hover {
  background-color: #FFF;
  color: #ADADAD;
}

@media screen and (max-width: 1200px) {
  .office-section .inner .listOffice li .addressBox a {
    margin-bottom: 15px;
  }
}

.office-section .sns {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 45px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .office-section .sns {
    padding-bottom: 25px;
  }
}

.office-section .sns:before {
  position: absolute;
  content: "";
  bottom: 0;
  width: 1px;
  height: 35px;
  background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .office-section .sns:before {
    height: 18px;
  }
}

.office-section .sns li {
  margin: 0 9px;
}

@media screen and (max-width: 767px) {
  .office-section .sns li {
    margin: 0 7.5px;
  }
}

.office-section .sns li a {
  position: relative;
  bottom: 0;
  transition: all 0.3s ease;
}

.office-section .sns li a:hover {
  bottom: 5px;
}

.office-section .sns li a img {
  width: 30px;
}

@media screen and (max-width: 767px) {
  .office-section .sns li a img {
    width: 26px;
  }
}

.kanameGroup {
  padding: 85px 3% 75px;
}

@media screen and (max-width: 1300px) {
  .kanameGroup {
    padding: 70px 3%;
  }
}

@media screen and (max-width: 1200px) {
  .kanameGroup {
    padding: 60px 3%;
  }
}

@media screen and (max-width: 1000px) {
  .kanameGroup {
    padding: 40px 3% 20px;
  }
}

@media screen and (max-width: 767px) {
  .kanameGroup {
    padding: 50px 3% 40px;
  }
}

.kanameGroup .inner {
  max-width: 1237px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.kanameGroup .inner .headingKanameGroup {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  margin-bottom: 40px;
}

.kanameGroup .inner .headingKanameGroup h2 {
  font-size: 36px;
}

@media screen and (max-width: 1200px) {
  .kanameGroup .inner .headingKanameGroup h2 {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner .headingKanameGroup h2 {
    font-size: 22px;
  }
}

.kanameGroup .inner .headingKanameGroup p {
  color: #939393;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .kanameGroup .inner .headingKanameGroup p {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner .headingKanameGroup p {
    font-size: 14px;
  }
}

.kanameGroup .inner ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1200px) {
  .kanameGroup .inner ul {
    flex-direction: column;
    align-items: center;
  }
}

.kanameGroup .inner ul li {
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .kanameGroup .inner ul li {
    margin-bottom: 30px;
  }
}

.kanameGroup .inner ul li a img {
  margin-bottom: 10px;
}

.kanameGroup .inner ul li a h3 {
  text-align: center;
  font-size: 19px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner ul li a h3 {
    font-size: 13px;
  }
}

.kanameGroup .inner ul li.kaname a img {
  width: 215px;
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner ul li.kaname a img {
    width: 152px;
  }
}

.kanameGroup .inner ul li.kaname a h3 {
  color: #428B3C;
}

.kanameGroup .inner ul li.estate a img {
  width: 263px;
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner ul li.estate a img {
    width: 186px;
  }
}

.kanameGroup .inner ul li.estate a h3 {
  color: #6C462B;
}

.kanameGroup .inner ul li.andaqua a img {
  width: 197px;
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner ul li.andaqua a img {
    width: 139px;
  }
}

.kanameGroup .inner ul li.andaqua a h3 {
  color: #007DD7;
}

.kanameGroup .inner ul li.red a img {
  width: 270px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .kanameGroup .inner ul li.red a img {
    width: 191px;
  }
}

.mediaSection {
  background-color: #ECECEC;
  padding: 85px 3% 120px;
}

@media screen and (max-width: 1300px) {
  .mediaSection {
    padding: 70px 3% 80px;
  }
}

@media screen and (max-width: 1200px) {
  .mediaSection {
    padding: 60px 3%;
  }
}

@media screen and (max-width: 767px) {
  .mediaSection {
    padding: 45px 5% 30px;
  }
}

.mediaSection .inner {
  max-width: 1260px;
  width: 100%;
  margin: auto;
}

.mediaSection .inner .heading {
  text-align: center;
  line-height: 1;
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .mediaSection .inner .heading {
    margin-bottom: 25px;
  }
}

.mediaSection .inner .heading h2 {
  font-size: 56px;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  letter-spacing: 5px;
  margin-bottom: 10px;
  font-weight: normal;
}

@media screen and (max-width: 1200px) {
  .mediaSection .inner .heading h2 {
    font-size: 45px;
  }
}

@media screen and (max-width: 767px) {
  .mediaSection .inner .heading h2 {
    font-size: 34px;
    margin-bottom: 5px;
  }
}

.mediaSection .inner .heading p {
  font-size: 17px;
  color: #808080;
}

@media screen and (max-width: 1200px) {
  .mediaSection .inner .heading p {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .mediaSection .inner .heading p {
    font-size: 12px;
  }
}

.mediaSection .inner ul {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .mediaSection .inner ul {
    flex-wrap: wrap;
  }
}

.mediaSection .inner ul li {
  background-color: #FFF;
  width: 290px;
  margin-bottom: 40px;
}

@media screen and (max-width: 1300px) {
  .mediaSection .inner ul li {
    width: 22.75%;
  }
}

@media screen and (max-width: 767px) {
  .mediaSection .inner ul li {
    width: 47.5%;
    margin-bottom: 7.5%;
  }
}

.mediaSection .inner ul li a {
  display: block;
  transition: all 0.3s ease;
}

.mediaSection .inner ul li a .img {
  height: 260px;
  overflow: hidden;
}

@media screen and (max-width: 1300px) {
  .mediaSection .inner ul li a .img {
    height: 16vw;
  }
}

@media screen and (max-width: 767px) {
  .mediaSection .inner ul li a .img {
    height: 35vw;
  }
}

.mediaSection .inner ul li a .img div {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  transform: scale(1);
  background-size: contain !important;
}

.mediaSection .inner ul li a .blog-text {
  padding: 25px 30px;
}

@media screen and (max-width: 1300px) {
  .mediaSection .inner ul li a .blog-text {
    padding: 15px;
  }
}

@media screen and (max-width: 767px) {
  .mediaSection .inner ul li a .blog-text {
    border-top: 1px solid #C5C5C5;
    padding: 10px 12px;
  }
}

.mediaSection .inner ul li a .blog-text span {
  font-size: 14px;
  color: #808080;
  display: block;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .mediaSection .inner ul li a .blog-text span {
    margin-bottom: 3px;
    font-size: 10px;
  }
}

.mediaSection .inner ul li a .blog-text h3 {
  overflow: hidden;
  max-height: 48px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  .mediaSection .inner ul li a .blog-text h3 {
    font-size: 14px;
    max-height: 42px;
  }
}

.mediaSection .inner ul li a:hover {
  opacity: 0.8;
}

.mediaSection .inner ul li a:hover .img div {
  transform: scale(1.05);
}

.cr {
  width: 100%;
  text-align: center;
  padding: 25px 3%;
  font-size: 14px;
}

@media screen and (max-width: 1200px) {
  .cr {
    padding: 15px 3%;
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .cr {
    padding: 15px 3% 65px;
  }
}

.pageTop {
  position: fixed;
  right: -100px;
  bottom: 110px;
  width: 65px;
  height: 65px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #333333;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s ease;
}

@media screen and (max-width: 1200px) {
  .pageTop {
    bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .pageTop {
    width: 40px;
    height: 40px;
    bottom: 55px;
  }
}

.pageTop.active {
  right: 50px;
}

@media screen and (max-width: 1200px) {
  .pageTop.active {
    right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .pageTop.active {
    right: 15px;
  }
}

.pageTop:hover {
  bottom: 115px;
}

@media screen and (max-width: 1200px) {
  .pageTop:hover {
    bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .pageTop:hover {
    bottom: 60px;
  }
}

.pageTop svg {
  width: 19px;
}

@media screen and (max-width: 767px) {
  .pageTop svg {
    width: 13px;
  }
}

.float-btn {
  position: fixed;
  height: 50px;
  width: 100%;
  background-color: #666666;
  left: 0;
  bottom: 0;
  z-index: 5;
  color: #FFF;
  display: none;
}

@media screen and (max-width: 767px) {
  .float-btn {
    display: flex;
    justify-content: space-between;
  }
}

.float-btn div {
  width: 50%;
}

.float-btn div:last-child {
  border-left: 1px solid #F5F5F5;
}

.float-btn div a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.float-btn div a i {
  margin-right: 10px;
}

.float-btn div a span {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
}

.float-btn div:first-child a i {
  position: relative;
  transform: scaleX(-1);
}

/* SASS UNTUK MAINVISUAL */
#mainvisual {
  margin-top: 0;
  position: relative;
}

#mainvisual.topPage {
  width: 100%;
  height: calc(100vh - 26px);
}

@media screen and (max-width: 767px) {
  #mainvisual.topPage {
    height: auto;
    margin-top: 60px;
  }
}

#mainvisual.topPage .bg {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#mainvisual.topPage .bg video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  #mainvisual.topPage .bg video {
    position: relative;
    left: auto;
    top: auto;
    transform: unset;
    min-width: inherit;
    min-height: inherit;
    width: 100%;
    height: auto;
  }
}

#mainvisual.topPage .scroll-down {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  z-index: 1;
  transform: rotate(90deg);
}

@media screen and (max-width: 767px) {
  #mainvisual.topPage .scroll-down {
    display: none;
  }
}

#mainvisual.topPage .scroll-down p {
  top: -40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFF;
  padding: 0px 16px 10px;
  font-size: 13px;
  position: relative;
}

#mainvisual.subPage {
  padding: 96px 0 78px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #mainvisual.subPage {
    padding: 70px 0 50px;
  }
}

@media screen and (max-width: 767px) {
  #mainvisual.subPage {
    padding: 60px 16.3% 40px;
  }
}

#mainvisual.subPage .inner {
  position: relative;
  max-width: 465px;
  width: 100%;
  margin: auto;
}

#mainvisual.subPage .inner .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #ACACAC;
}

#mainvisual.subPage .inner .text h3 {
  font-size: 19px;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  #mainvisual.subPage .inner .text h3 {
    font-size: 2.7vw;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}

#mainvisual.subPage .inner .text h3:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 30px;
  height: 2px;
  background-color: #ACACAC;
}

@media screen and (max-width: 767px) {
  #mainvisual.subPage .inner .text h3:before {
    font-size: 15px;
  }
}

#mainvisual.subPage .inner .text h1 {
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  #mainvisual.subPage .inner .text h1 {
    font-size: 3.5vw;
  }
}

.headContentTitle {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 30px;
  font-size: 125%;
  font-weight: 900;
  padding: 9px 0;
  line-height: 1.5;
  position: relative;
  border-bottom: 2px solid #AAA;
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  .headContentTitle {
    font-size: 112.5%;
  }
}

#main .main-content #blogContent {
  padding: 50px 0 100px;
  position: relative;
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent {
    padding: 40px 0 70px;
  }
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent {
    padding: 30px 0 50px;
  }
}

#main .main-content #blogContent .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#main .main-content #blogContent .inner .sideContent {
  width: 65%;
  /* FONT-FAMILY */
  /* TAKE IT FROM GOOGLE FONT */
  /* FONT-FAMILY */
  /* TAKE IT FROM GOOGLE FONT */
  /*ARTICLE PAGE*/
}

@media screen and (max-width: 1200px) {
  #main .main-content #blogContent .inner .sideContent {
    width: auto;
    flex: 1;
    padding-right: 5%;
  }
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner .sideContent {
    width: 100%;
    flex: unset;
    padding-right: 0;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList {
  display: block;
}

#main .main-content #blogContent .inner .sideContent .articleList table tr td {
  vertical-align: middle;
}

#main .main-content #blogContent .inner .sideContent .articleList li {
  overflow: hidden;
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-bottom: 30px;
}

#main .main-content #blogContent .inner .sideContent .articleList li a {
  display: flex;
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerLeft {
  width: 314px;
  height: 220px;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media screen and (max-width: 1200px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerLeft {
    width: 45%;
    height: 17.5vw;
  }
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerLeft {
    height: 25vw;
  }
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerLeft {
    width: 40%;
    height: 25vw;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerLeft .articleImage {
  width: 100%;
  height: 100%;
  border-radius: 0;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight {
  flex: 1;
  padding-left: 30px;
}

@media screen and (max-width: 1200px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight {
    padding-left: 5%;
  }
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleText {
    display: flex;
    flex-direction: column-reverse;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .category {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .category {
    display: none;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .category .entryCategory p {
  font-size: 62.5%;
  display: inline-block;
  font-weight: bold;
  padding: 4px 14px;
  border: 1px solid #666666;
  color: #666666;
  display: none;
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .category .entryCategory p:first-child {
  display: flex;
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleTitle {
  line-height: 1.5;
  font-weight: bold;
  font-size: 112.5%;
  transition: all 0.3s ease;
  margin-bottom: 7px;
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleTitle {
    font-size: 93.75%;
  }
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleTitle {
    margin-bottom: 0;
    font-size: 87.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .textLittle {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 15px;
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .textLittle {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .textLittle {
    margin-bottom: 5px;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .textLittle .articleTime {
  font-size: 62.5%;
  font-weight: 500;
  color: #333333;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .textLittle .articleTime {
    font-size: 62.5%;
    font-weight: 500;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleDesc {
  font-size: 87.5%;
  font-weight: 500;
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleDesc {
    font-size: 62.5%;
  }
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .articleList li a .innerRight .articleDesc {
    display: none;
  }
}

#main .main-content #blogContent .inner .sideContent .articleList li a:hover .innerLeft .articleImage {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

#main .main-content #blogContent .inner .sideContent .articleList li a:hover .innerRight .articleTitle {
  color: #428B3C;
}

#main .main-content #blogContent .inner .sideContent .article {
  margin-bottom: 50px;
  /* IT IS SAME WITH HEADCONTENTTITLE, JUST COPY IT */
  /*BOX COMMENT*/
  /*BUTTON COMMENT*/
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap {
  margin-bottom: 50px;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent {
  /*CATEGORY_BAR*/
  /*SET RELEVANCE*/
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent img {
  max-width: 100%;
  height: auto !important;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent a {
  color: #1976d2;
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent a:hover {
  opacity: .8;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList {
  position: relative;
  padding: 0;
  margin-bottom: 50px;
  display: block;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList {
    margin-bottom: 24px;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .articleTitle {
  font-size: 200%;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .articleTitle {
    font-size: 137.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle {
    flex-direction: column;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .articleTime {
  font-size: 75%;
  color: #333333;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .articleTime {
    font-size: 62.5%;
    margin-right: 0;
    top: 0;
    margin-bottom: 5px;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .category {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .category .entryCategory {
  display: flex;
  margin-right: 5px;
  margin-bottom: 5px;
  flex-wrap: wrap;
  gap: 0.5rem;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .category .entryCategory a {
  font-size: 75%;
  color: #1976d2;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .category .entryCategory a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .titleBlogList .textLittle .category .entryCategory a {
    font-size: 62.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p {
  line-height: 1.7;
  width: 100%;
  margin: 50px auto;
  letter-spacing: 1px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p {
    margin: 30px auto;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p img {
  max-width: 100%;
  margin: 1rem 0;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p a {
  color: #1976d2;
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p a:hover {
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p blockquote {
  background-color: #f1f1f1;
  padding: 15px;
  color: #333333;
  border-radius: 0;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p strong {
  font-weight: bold;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent p i {
  font-style: italic;
}

#main .main-content #blogContent .inner .sideContent .article .post-views {
  display: flex;
  justify-content: flex-end;
}

#main .main-content #blogContent .inner .sideContent .article #comments .comments-title {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    margin-bottom: 20px;
    font-size: 125%;
    font-weight: 900;
    padding: 9px 0;
    line-height: 1.5;
    position: relative;
    border-bottom: 2px solid #AAA;
    letter-spacing: 3px;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form {
  margin: 1rem 0;
}
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-notes {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-notes .required {
  color: red;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-author,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-email,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-url,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-cookies-consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment label,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-author label,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-email label,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-url label {
  width: 150px;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment label {
  width: 193px;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment textarea,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-author input,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-email input,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-url input {
  width: unset;
  flex: 1;
    margin: 0 0 10px;
    padding: 5px 15px;
    font-size: 93.75%;
    border-radius: 2px;
    height: 30px;
    color: #333333;
    box-sizing: border-box;
    background-color: #FFFFFF;
    border: 1px solid #C6C6C6;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment textarea {
  height: 100px;
  flex: unset;
  width: inherit;
  resize: none;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-cookies-consent {
  max-width: 480px;
  width: 100%;
  margin: 1rem auto 2.5rem;
  justify-content: center;
  gap: 1rem;
}

#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .form-submit {
  display: flex;
  justify-content: center;
}
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .form-submit input[type="submit"] {
  width: 200px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #666666;
    border: 1px solid #666666;
    color: #FFF;
    position: relative;
    transition: all 0.3s ease;
}
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .form-submit input[type="submit"]:hover {
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-notes {
    font-size: 13px;
  }
  #main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-author,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-email,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-url {
  display: block;
}
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-comment textarea,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-author input,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-email input,
#main .main-content #blogContent .inner .sideContent .article #respond .comment-form .comment-form-url input {
  width: 100%;
}
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .category-bar {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 125% !important;
  margin: 0 0 20px !important;
  border: none !important;
  border-bottom: 2px solid #AAA !important;
  font-feature-settings: "palt";
  box-sizing: border-box;
  color: #333333 !important;
  padding: 9px 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  line-height: 1.5;
  position: relative;
  font-weight: bold;
  text-align: left;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .category-bar {
    font-size: 112.5% !important;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .category-bar a:link, #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .category-bar a:visited {
  color: #1976d2 !important;
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .category-bar a:hover {
  opacity: 0.7 !important;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance {
  padding-bottom: 15px !important;
  margin-bottom: 0 !important;
  padding-top: 15px !important;
  border-bottom-width: 1px !important;
  border-bottom-style: dashed !important;
  border-bottom-color: #C6C6C6 !important;
  display: inline-block;
  width: 100%;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .image-relevance {
  margin-left: 0 !important;
  max-width: 150px !important;
  max-height: 100px !important;
  width: unset !important;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .image-relevance a img {
  border-radius: 0;
  height: 100%;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .text-relevance {
  width: 65% !important;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .text-relevance {
    width: 50% !important;
  }
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .text-relevance a {
  margin-right: 5px;
  font-size: 93.75%;
  color: #1976d2;
  line-height: 1.5;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .text-relevance a:link, #main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .text-relevance a:visited {
  font-weight: normal;
}

#main .main-content #blogContent .inner .sideContent .article .entryWrap .entryContent .set-relevance .text-relevance a:hover {
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article .comment-title {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 30px;
  font-size: 125%;
  font-weight: 900;
  padding: 9px 0;
  line-height: 1.5;
  position: relative;
  border-bottom: 2px solid #AAA;
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .comment-title {
    font-size: 112.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .article .comment-style {
  background-color: #f1f1f1;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 0;
}

#main .main-content #blogContent .inner .sideContent .article .comment-body {
  line-height: 1.3;
  font-size: 93.75%;
  color: #333333;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .comment-body {
    font-size: 87.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .article .comment-post {
  text-align: right;
  font-size: 62.5%;
  color: #333333;
}

#main .main-content #blogContent .inner .sideContent .article .comment-post a.aposted {
  color: #333333;
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article a.aposted:hover {
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideContent .article .comment-box {
  margin: 30px 0;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .comment-box {
    font-size: 87.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .article .form td:first-child {
  width: 20%;
  text-align: left;
  vertical-align: top;
}

#main .main-content #blogContent .inner .sideContent .article .form td label {
  font-size: 100%;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .article .form td label {
    font-size: 87.5%;
  }
}

#main .main-content #blogContent .inner .sideContent .article span.comments-body {
  width: 100%;
  margin: 0 0 10px;
  font-size: 93.75%;
  border-radius: 0;
  background-color: #FFFFFF;
  border: 1px solid #C6C6C6;
  padding: 5px 15px;
  display: inline-block;
  color: #333333;
  box-sizing: border-box;
  border-radius: 2px;
}

#main .main-content #blogContent .inner .sideContent .article input#author {
  width: 100%;
  margin: 0 0 10px;
  padding: 5px 15px;
  font-size: 93.75%;
  border-radius: 2px;
  height: 30px;
  color: #333333;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #C6C6C6;
}

#main .main-content #blogContent .inner .sideContent .article input#url {
  width: 100%;
  margin: 0 0 10px;
  padding: 15px;
  font-size: 93.75%;
  height: 30px;
  color: #333333;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #C6C6C6;
}

#main .main-content #blogContent .inner .sideContent .article textarea#text {
  box-sizing: border-box;
  height: 100px;
  resize: none;
  padding: 15px;
  outline: none;
  transition: all 0.35s ease 0s;
  overflow: hidden;
  width: 100%;
  margin: 0;
  font-size: 93.75%;
  border-radius: 2px;
  color: #333333;
  border: 1px solid #C6C6C6;
  background-color: #FFFFFF;
}

#main .main-content #blogContent .inner .sideContent .article input.comments-btn {
  border: 0;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  margin: 10px 0 30px;
  margin-right: 5px;
  width: 125px;
  height: 45px;
  line-height: 31px;
  background-color: #666666;
  border: 1px solid #666666;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 0;
  transition: all 0.3s ease;
  position: relative;
}

#main .main-content #blogContent .inner .sideContent .article input.comments-btn:hover {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideContent .boxLoadMore {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .boxLoadMore {
    margin-top: 30px;
  }
}

#main .main-content #blogContent .inner .sideContent .loadMore {
  width: 100%;
  margin: auto;
  height: 45px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .loadMore {
    height: 40px;
  }
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMore-album {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  margin: 15px auto 0;
  position: relative;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s ease;
  border-radius: 0;
  left: 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .loadMore a.loadMore-album {
    height: 40px;
    font-size: 15px;
  }
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMore-album .padBtn {
  position: relative;
  z-index: 1;
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMore-album .padBtn i {
  margin-right: 10px;
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMore-album:hover {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMorePrev, #main .main-content #blogContent .inner .sideContent .loadMore a.loadMoreNext {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48.5%;
  height: 45px;
  margin: 0 auto;
  position: relative;
  background-color: #666666;
  border: 1px solid #666666;
  color: #FFFFFF;
  font-size: 100%;
  font-weight: bold;
  transition: all 0.3s ease;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideContent .loadMore a.loadMorePrev, #main .main-content #blogContent .inner .sideContent .loadMore a.loadMoreNext {
    height: 40px;
    font-size: 15px;
  }
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMorePrev:hover, #main .main-content #blogContent .inner .sideContent .loadMore a.loadMoreNext:hover {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMorePrev .padBtn, #main .main-content #blogContent .inner .sideContent .loadMore a.loadMoreNext .padBtn {
  position: relative;
  z-index: 1;
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMorePrev {
  position: absolute;
  left: 0;
}

#main .main-content #blogContent .inner .sideContent .loadMore a.loadMoreNext {
  position: absolute;
  right: 0;
}

#main .main-content #blogContent .inner .sideBar {
  width: 30%;
  position: relative;
  font-size: 15px;
  /* FONT-FAMILY */
  /* TAKE IT FROM GOOGLE FONT */
  /*RECENTENTRY IMG*/
  /*CALAENDAR*/
  /*QRCODE*/
  /* FONT-FAMILY */
  /* TAKE IT FROM GOOGLE FONT */
  /*RSS*/
  /* FONT-FAMILY */
  /* TAKE IT FROM GOOGLE FONT */
  /*COUNTER*/
  /* FONT-FAMILY */
  /* TAKE IT FROM GOOGLE FONT */
  /*TAG_CLOUD*/
}

@media screen and (max-width: 1200px) {
  #main .main-content #blogContent .inner .sideBar {
    width: 275px;
  }
}

@media screen and (max-width: 1000px) {
  #main .main-content #blogContent .inner .sideBar {
    width: 100%;
    margin-top: 50px;
  }
}

#main .main-content #blogContent .inner .sideBar .wa-sidebar__body,
#main .main-content #blogContent .inner .sideBar .calender,
#main .main-content #blogContent .inner .sideBar .subscription,
#main .main-content #blogContent .inner .sideBar .category,
#main .main-content #blogContent .inner .sideBar .sitemap_category,
#main .main-content #blogContent .inner .sideBar .recententry,
#main .main-content #blogContent .inner .sideBar .qrcode,
#main .main-content #blogContent .inner .sideBar .profile,
#main .main-content #blogContent .inner .sideBar .inquiry,
#main .main-content #blogContent .inner .sideBar .counter,
#main .main-content #blogContent .inner .sideBar .recententry_img,
#main .main-content #blogContent .inner .sideBar .archives,
#main .main-content #blogContent .inner .sideBar .comment,
#main .main-content #blogContent .inner .sideBar .search,
#main .main-content #blogContent .inner .sideBar .link,
#main .main-content #blogContent .inner .sideBar .blog_entry,
#main .main-content #blogContent .inner .sideBar .tag_cloud,
#main .main-content #blogContent .inner .sideBar .ad {
  margin-bottom: 60px;
}

@media screen and (max-width: 1200px) {
  #main .main-content #blogContent .inner .sideBar .wa-sidebar__body,
  #main .main-content #blogContent .inner .sideBar .calender,
  #main .main-content #blogContent .inner .sideBar .subscription,
  #main .main-content #blogContent .inner .sideBar .category,
  #main .main-content #blogContent .inner .sideBar .sitemap_category,
  #main .main-content #blogContent .inner .sideBar .recententry,
  #main .main-content #blogContent .inner .sideBar .qrcode,
  #main .main-content #blogContent .inner .sideBar .profile,
  #main .main-content #blogContent .inner .sideBar .inquiry,
  #main .main-content #blogContent .inner .sideBar .counter,
  #main .main-content #blogContent .inner .sideBar .recententry_img,
  #main .main-content #blogContent .inner .sideBar .archives,
  #main .main-content #blogContent .inner .sideBar .comment,
  #main .main-content #blogContent .inner .sideBar .search,
  #main .main-content #blogContent .inner .sideBar .link,
  #main .main-content #blogContent .inner .sideBar .blog_entry,
  #main .main-content #blogContent .inner .sideBar .tag_cloud,
  #main .main-content #blogContent .inner .sideBar .ad {
    margin-bottom: 40px;
  }
}

#main .main-content #blogContent .inner .sideBar .wa-sidebar__body .sidetitle, #main .main-content #blogContent .inner .sideBar .wa-sidebar__body .calendarhead,
#main .main-content #blogContent .inner .sideBar .calender .sidetitle,
#main .main-content #blogContent .inner .sideBar .calender .calendarhead,
#main .main-content #blogContent .inner .sideBar .subscription .sidetitle,
#main .main-content #blogContent .inner .sideBar .subscription .calendarhead,
#main .main-content #blogContent .inner .sideBar .category .sidetitle,
#main .main-content #blogContent .inner .sideBar .category .calendarhead,
#main .main-content #blogContent .inner .sideBar .sitemap_category .sidetitle,
#main .main-content #blogContent .inner .sideBar .sitemap_category .calendarhead,
#main .main-content #blogContent .inner .sideBar .recententry .sidetitle,
#main .main-content #blogContent .inner .sideBar .recententry .calendarhead,
#main .main-content #blogContent .inner .sideBar .qrcode .sidetitle,
#main .main-content #blogContent .inner .sideBar .qrcode .calendarhead,
#main .main-content #blogContent .inner .sideBar .profile .sidetitle,
#main .main-content #blogContent .inner .sideBar .profile .calendarhead,
#main .main-content #blogContent .inner .sideBar .inquiry .sidetitle,
#main .main-content #blogContent .inner .sideBar .inquiry .calendarhead,
#main .main-content #blogContent .inner .sideBar .counter .sidetitle,
#main .main-content #blogContent .inner .sideBar .counter .calendarhead,
#main .main-content #blogContent .inner .sideBar .recententry_img .sidetitle,
#main .main-content #blogContent .inner .sideBar .recententry_img .calendarhead,
#main .main-content #blogContent .inner .sideBar .archives .sidetitle,
#main .main-content #blogContent .inner .sideBar .archives .calendarhead,
#main .main-content #blogContent .inner .sideBar .comment .sidetitle,
#main .main-content #blogContent .inner .sideBar .comment .calendarhead,
#main .main-content #blogContent .inner .sideBar .search .sidetitle,
#main .main-content #blogContent .inner .sideBar .search .calendarhead,
#main .main-content #blogContent .inner .sideBar .link .sidetitle,
#main .main-content #blogContent .inner .sideBar .link .calendarhead,
#main .main-content #blogContent .inner .sideBar .blog_entry .sidetitle,
#main .main-content #blogContent .inner .sideBar .blog_entry .calendarhead,
#main .main-content #blogContent .inner .sideBar .tag_cloud .sidetitle,
#main .main-content #blogContent .inner .sideBar .tag_cloud .calendarhead,
#main .main-content #blogContent .inner .sideBar .ad .sidetitle,
#main .main-content #blogContent .inner .sideBar .ad .calendarhead {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  margin-bottom: 30px;
  font-size: 125%;
  font-weight: 900;
  padding: 9px 0;
  line-height: 1.5;
  position: relative;
  border-bottom: 2px solid #AAA;
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideBar .wa-sidebar__body .sidetitle, #main .main-content #blogContent .inner .sideBar .wa-sidebar__body .calendarhead,
  #main .main-content #blogContent .inner .sideBar .calender .sidetitle,
  #main .main-content #blogContent .inner .sideBar .calender .calendarhead,
  #main .main-content #blogContent .inner .sideBar .subscription .sidetitle,
  #main .main-content #blogContent .inner .sideBar .subscription .calendarhead,
  #main .main-content #blogContent .inner .sideBar .category .sidetitle,
  #main .main-content #blogContent .inner .sideBar .category .calendarhead,
  #main .main-content #blogContent .inner .sideBar .sitemap_category .sidetitle,
  #main .main-content #blogContent .inner .sideBar .sitemap_category .calendarhead,
  #main .main-content #blogContent .inner .sideBar .recententry .sidetitle,
  #main .main-content #blogContent .inner .sideBar .recententry .calendarhead,
  #main .main-content #blogContent .inner .sideBar .qrcode .sidetitle,
  #main .main-content #blogContent .inner .sideBar .qrcode .calendarhead,
  #main .main-content #blogContent .inner .sideBar .profile .sidetitle,
  #main .main-content #blogContent .inner .sideBar .profile .calendarhead,
  #main .main-content #blogContent .inner .sideBar .inquiry .sidetitle,
  #main .main-content #blogContent .inner .sideBar .inquiry .calendarhead,
  #main .main-content #blogContent .inner .sideBar .counter .sidetitle,
  #main .main-content #blogContent .inner .sideBar .counter .calendarhead,
  #main .main-content #blogContent .inner .sideBar .recententry_img .sidetitle,
  #main .main-content #blogContent .inner .sideBar .recententry_img .calendarhead,
  #main .main-content #blogContent .inner .sideBar .archives .sidetitle,
  #main .main-content #blogContent .inner .sideBar .archives .calendarhead,
  #main .main-content #blogContent .inner .sideBar .comment .sidetitle,
  #main .main-content #blogContent .inner .sideBar .comment .calendarhead,
  #main .main-content #blogContent .inner .sideBar .search .sidetitle,
  #main .main-content #blogContent .inner .sideBar .search .calendarhead,
  #main .main-content #blogContent .inner .sideBar .link .sidetitle,
  #main .main-content #blogContent .inner .sideBar .link .calendarhead,
  #main .main-content #blogContent .inner .sideBar .blog_entry .sidetitle,
  #main .main-content #blogContent .inner .sideBar .blog_entry .calendarhead,
  #main .main-content #blogContent .inner .sideBar .tag_cloud .sidetitle,
  #main .main-content #blogContent .inner .sideBar .tag_cloud .calendarhead,
  #main .main-content #blogContent .inner .sideBar .ad .sidetitle,
  #main .main-content #blogContent .inner .sideBar .ad .calendarhead {
    font-size: 112.5%;
  }
}

#main .main-content #blogContent .inner .sideBar .wa-sidebar__body .side .sidebody,
#main .main-content #blogContent .inner .sideBar .calender .side .sidebody,
#main .main-content #blogContent .inner .sideBar .subscription .side .sidebody,
#main .main-content #blogContent .inner .sideBar .category .side .sidebody,
#main .main-content #blogContent .inner .sideBar .sitemap_category .side .sidebody,
#main .main-content #blogContent .inner .sideBar .recententry .side .sidebody,
#main .main-content #blogContent .inner .sideBar .qrcode .side .sidebody,
#main .main-content #blogContent .inner .sideBar .profile .side .sidebody,
#main .main-content #blogContent .inner .sideBar .inquiry .side .sidebody,
#main .main-content #blogContent .inner .sideBar .counter .side .sidebody,
#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody,
#main .main-content #blogContent .inner .sideBar .archives .side .sidebody,
#main .main-content #blogContent .inner .sideBar .comment .side .sidebody,
#main .main-content #blogContent .inner .sideBar .search .side .sidebody,
#main .main-content #blogContent .inner .sideBar .link .side .sidebody,
#main .main-content #blogContent .inner .sideBar .blog_entry .side .sidebody,
#main .main-content #blogContent .inner .sideBar .tag_cloud .side .sidebody,
#main .main-content #blogContent .inner .sideBar .ad .side .sidebody {
  line-height: 1.5;
  padding: 0;
  font-size: 15px;
}

#main .main-content #blogContent .inner .sideBar .wa-sidebar__body .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .calender .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .subscription .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .category .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .sitemap_category .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .recententry .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .qrcode .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .profile .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .inquiry .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .counter .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .archives .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .comment .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .search .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .link .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .blog_entry .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .tag_cloud .side .sidebody a,
#main .main-content #blogContent .inner .sideBar .ad .side .sidebody a {
  color: #1976d2;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}

#main .main-content #blogContent .inner .sideBar .wa-sidebar__body .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .calender .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .subscription .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .category .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .sitemap_category .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .recententry .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .qrcode .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .profile .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .inquiry .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .counter .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .archives .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .comment .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .search .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .link .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .blog_entry .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .tag_cloud .side .sidebody a:hover,
#main .main-content #blogContent .inner .sideBar .ad .side .sidebody a:hover {
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideBar .wa-sidebar__body .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .calender .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .subscription .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .category .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .sitemap_category .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .recententry .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .qrcode .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .profile .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .inquiry .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .counter .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .archives .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .comment .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .search .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .link .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .blog_entry .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .tag_cloud .side .sidebody hr,
#main .main-content #blogContent .inner .sideBar .ad .side .sidebody hr {
  border-top: 0;
  margin: 5px 0;
}

#main .main-content #blogContent .inner .sideBar .profile .photo {
  margin: auto;
  margin-bottom: 0;
  text-align: center;
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

#main .main-content #blogContent .inner .sideBar .profile .photo img {
  width: 120px;
}

#main .main-content #blogContent .inner .sideBar .profile .nickname {
  font-weight: bold;
  text-align: center;
  margin: 16px 0;
  line-height: 1.5;
  font-size: 18px;
}

#main .main-content #blogContent .inner .sideBar .profile .message {
  text-align: left;
  margin: 0 auto 0;
  border-radius: 0;
  background-color: #F1F1F1;
  margin-top: 15px;
  width: 100%;
  padding: 20px;
}

#main .main-content #blogContent .inner .sideBar .profile span img {
  width: 30px;
}

#main .main-content #blogContent .inner .sideBar .search .sidetitle {
  position: relative;
}

#main .main-content #blogContent .inner .sideBar .search .sidebody {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#main .main-content #blogContent .inner .sideBar .search .sidebody .input_general_box {
  width: 75% !important;
  border: 1px solid #C6C6C6;
  padding: 5px 10px;
  outline: none;
  margin: 0 10px 0 0;
  height: 40px;
  background: #FFFFFF;
  border-radius: 0;
}

#main .main-content #blogContent .inner .sideBar .search .sidebody input.button {
  width: 76px;
  height: 40px;
}

#main .main-content #blogContent .inner .sideBar .subscription .sidebody:nth-child(2) {
  margin: 10px 0;
}

#main .main-content #blogContent .inner .sideBar .subscription .sidebody:nth-child(2) form {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#main .main-content #blogContent .inner .sideBar .subscription .sidebody:nth-child(2) form .input_general_box {
  width: 75% !important;
  border: 1px solid #C6C6C6;
  padding: 5px 10px;
  outline: none;
  margin: 0 10px 0 0;
  height: 40px;
  background: #FFFFFF;
  border-radius: 0;
}

#main .main-content #blogContent .inner .sideBar .subscription .sidebody:nth-child(2) form input.button {
  width: 76px;
  height: 40px;
}

#main .main-content #blogContent .inner .sideBar input.button {
  cursor: pointer;
  background-color: #666666;
  border: 1px solid #666666;
  color: #FFFFFF;
  font-weight: bold;
  border-radius: 0;
  width: 150px;
  height: 45px;
  margin: auto;
  transition: all 0.3s ease;
  position: relative;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideBar input.button {
    height: 40px;
    font-size: 15px;
  }
}

#main .main-content #blogContent .inner .sideBar input.button:hover {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideBar .category .sidetitle, #main .main-content #blogContent .inner .sideBar .archives .sidetitle, #main .main-content #blogContent .inner .sideBar .comment .sidetitle, #main .main-content #blogContent .inner .sideBar .recententry .sidetitle, #main .main-content #blogContent .inner .sideBar .link .sidetitle {
  margin-bottom: 20px;
}

#main .main-content #blogContent .inner .sideBar .category .side .sidebody, #main .main-content #blogContent .inner .sideBar .archives .side .sidebody, #main .main-content #blogContent .inner .sideBar .comment .side .sidebody, #main .main-content #blogContent .inner .sideBar .recententry .side .sidebody, #main .main-content #blogContent .inner .sideBar .link .side .sidebody {
  border-bottom: 1px dashed #C6C6C6;
  margin: 0 0 10px;
  padding: 0 0 10px 0;
}

#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody {
  border-bottom: 1px dashed #C6C6C6;
  padding-bottom: 15px;
  margin-bottom: 15px;
  line-height: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody .image-aside {
  text-align: center;
  float: left;
  margin: 0 20px 0 0;
  display: block;
  width: 100%;
  overflow: hidden;
  max-height: 100px;
  max-width: 100px;
}

#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody .image-aside img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}

#main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody .text-aside {
  max-width: 100% !important;
  width: 60%;
  line-height: 1.5;
  max-height: inherit;
  overflow: hidden;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideBar .recententry_img .side .sidebody .text-aside {
    font-size: 93.75%;
  }
}

#main .main-content #blogContent .inner .sideBar #clogBtnAlbum {
  width: 150px;
  height: 45px;
  margin: auto;
  margin-bottom: 15px;
  text-align: center;
  display: flex;
}

#main .main-content #blogContent .inner .sideBar #clogBtnAlbum:hover #album-link {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideBar #clogBtnAlbum #album-link {
  width: 100%;
  height: 45px;
  opacity: 1;
  background-color: #666666;
  border: 1px solid #666666;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
  border-radius: 0;
  padding: 1px 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideBar #clogBtnAlbum #album-link {
    height: 40px;
  }
}

#main .main-content #blogContent .inner .sideBar #clogBtnAlbum #album-link img {
  margin-right: 10px;
}

#main .main-content #blogContent .inner .sideBar .calender .calendarhead a {
  text-decoration: underline;
}

#main .main-content #blogContent .inner .sideBar .calender .calendarhead a:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  text-decoration: none;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable {
  width: 100%;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendarwd {
  text-align: center;
  line-height: 1;
  padding: 10px 0;
  font-weight: bold;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendarwd.sun, #main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendard.sun {
  color: #E83939;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendarwd.sat, #main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendard.sat {
  color: #61BFF8;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendard {
  text-align: center;
  font-weight: normal;
  line-height: 32px;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendard span {
  display: block;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendard a {
  width: 100%;
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  border-radius: 0;
  background-color: #666666;
  border: 1px solid #FFFFFF;
  transition: all 0.3s ease;
}

#main .main-content #blogContent .inner .sideBar .calender .calendartable tbody tr .calendard a:hover {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideBar .qrcode .sidetitle {
  margin-bottom: 20px;
}

#main .main-content #blogContent .inner .sideBar .qrcode .side div img {
  width: 100px;
}

#main .main-content #blogContent .inner .sideBar .rss {
  text-align: center;
  margin: 0 auto 0;
  display: table;
  margin-bottom: 0;
}

#main .main-content #blogContent .inner .sideBar .rss ul {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

#main .main-content #blogContent .inner .sideBar .rss ul li {
  margin: 0 5px;
  width: 120px;
}

@media screen and (max-width: 850px) {
  #main .main-content #blogContent .inner .sideBar .rss ul li {
    margin: 5px;
  }
}

#main .main-content #blogContent .inner .sideBar .rss ul li a {
  width: 100%;
  height: 40px;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #666666;
  border: 1px solid #666666;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideBar .rss ul li a {
    height: 40px;
    font-size: 15px;
  }
}

#main .main-content #blogContent .inner .sideBar .rss ul li a:hover {
  background-color: #4d4d4d;
}

#main .main-content #blogContent .inner .sideBar .counter .side .sidebody {
  line-height: 2;
}

#main .main-content #blogContent .inner .sideBar .tag_cloud .side .sidebody span {
  font-size: 100% !important;
  font-weight: normal !important;
}

@media screen and (max-width: 767px) {
  #main .main-content #blogContent .inner .sideBar .tag_cloud .side .sidebody span {
    font-size: 95% !important;
  }
}

@media screen and (max-width: 767px) {
  br.spNone {
    display: none;
  }
}

.navPager {
  display: none;
}

.plugin, .plugin button, .plugin input, .plugin label, .plugin select, .plugin td, .plugin textarea {
  color: #333333 !important;
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
  gap: 0.5rem;
  font-size: 14px;
  flex-wrap: wrap;
}
.wp-pagenavi .pages {
    margin-right: 0.5rem;
}
.wp-pagenavi .page {
  border: 1px solid #666;
  padding: 0.1rem 0.5rem;
  transition: all 0.3s ease;
}
.wp-pagenavi .page:hover {
  background-color: #666;
  color: #FFF;
}
.wp-pagenavi .current {
  background-color: #666;
  border: 1px solid #666;
  color: #FFF;
  padding: 0.1rem 0.5rem;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
  color: #1976d2;
  transition: all 0.3s ease;
}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .last:hover {
  text-decoration: underline;
}

.contactForm {
  margin-bottom: 2rem;
  border: 1px solid #ccc;
  padding: 2rem;
}

.notes p {
  margin: 0 !important;
  text-align: center !important;
}

@media screen and (max-width: 767px) {
  .contactForm {
    margin-bottom: 30px;
  }
}

.contactForm .headingContact {
  text-align: center;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 2rem;
}

.contactForm .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 0;
  border-top: 1px solid #333333;
}

@media screen and (max-width: 767px) {
  .contactForm .item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 15px 30px;
  }
}

.contactForm .item:last-child {
  border-bottom: 1px solid #333333;
}

.contactForm .item.cooperate {
  padding: 75px 0 20px;
  text-align: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .contactForm .item.cooperate {
    padding: 60px 0 15px;
  }
}

.contactForm .item.cooperate h5 {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 5px;
}

@media screen and (max-width: 767px) {
  .contactForm .item.cooperate h5 {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .contactForm .item.cooperate h5.for-desktop {
    display: none;
  }
}

.contactForm .item.cooperate h5.for-mobile {
  display: none;
}

@media screen and (max-width: 767px) {
  .contactForm .item.cooperate h5.for-mobile {
    display: block;
  }
}

.contactForm .item.request {
  display: block;
}

@media screen and (max-width: 767px) {
  .contactForm .item.request .title {
    margin-bottom: 5px;
  }
}

.contactForm .item.calendar {
  background-color: #F2F2F2;
  padding: 25px;
  border-top: 0;
  margin-bottom: 50px;
  display: block;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar {
    padding: 20px 15px;
    margin-bottom: 40px;
  }
}

.contactForm .item.calendar .title {
  width: 100%;
  margin-bottom: 10px;
}

.contactForm .item.calendar .title p {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar .title p {
    font-size: 14px;
  }
}

.contactForm .item.calendar .inputBox {
  flex: unset;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar .inputBox {
    flex-direction: column;
    align-items: flex-start;
  }
}

.contactForm .item.calendar .inputBox .inputText {
  background-color: #FFF;
}

.contactForm .item.calendar .inputBox .heading {
  width: 125px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar .inputBox .heading {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.contactForm .item.calendar .inputBox .input {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar .inputBox .input {
    flex-direction: column;
    width: 100%;
  }
}

.contactForm .item.calendar .inputBox .input .date-input {
  flex: 1;
  margin-right: 20px;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar .inputBox .input .date-input {
    flex: unset;
    width: 100%;
    margin-right: 0;
    margin-bottom: 7px;
  }
}

.contactForm .item.calendar .inputBox .input .hour-input {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .contactForm .item.calendar .inputBox .input .hour-input {
    width: 100%;
  }
}

.contactForm .item .title {
  width: 200px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
}

.contactForm .item.request .title {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: middle;
}

.contactForm .item .title.block {
  display: block;
}

@media screen and (max-width: 767px) {
  .contactForm .item .title {
    width: 100%;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 767px) {
  .contactForm .item .title br {
    display: none;
  }
}

.contactForm .item .title .req {
  color: #F08D82;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .contactForm .item .title .req {
    font-size: 14px;
  }
}

.contactForm .item .title p {
  font-size: 18px;
  display: inline-block;
  line-height: 1.5 !important;
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .contactForm .item .title p {
    font-size: 14px;
  }
}

.contactForm .item .title .notes {
  font-size: 15px;
  display: block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .contactForm .item .title .notes {
    font-size: 14px;
  }
}

.contactForm .item .inputBox {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox {
    flex: unset;
    width: 100%;
  }
}

.contactForm .item .inputBox .err {
  margin-top: 5px;
  display: block;
  color: #e47071;
  font-size: 13px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .err {
    font-size: 12px;
  }
}

.contactForm .item .inputBox.plan .checkBox {
  justify-content: space-between;
  flex-wrap: wrap;
}

.contactForm .item .inputBox.plan .checkBox .select {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.contactForm .item .inputBox.plan .checkBox .select .mwform-radio-field {
  width: 30%;
}

.contactForm .item .inputBox.plan .checkBox .select .mwform-radio-field-text {
  font-size: 16px;
}

.contactForm .item .inputBox.age .input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.contactForm .item .inputBox.age .input .inputText {
  width: 194px;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox.age .input .inputText {
    width: auto;
    flex: 1;
    margin-right: 0;
  }
}

.contactForm .item .inputBox.age .input span {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox.age .input span {
    width: 40px;
    text-align: right;
    font-size: 16px;
  }
}

.contactForm .item .inputBox .inputText {
  background-color: #F2F2F2;
  display: inline-block;
  line-height: 1.715;
  padding: 10px 15px;
  width: 100%;
  font-size: 16px;
  box-sizing: border-box;
  border: 1px solid #f2f2f2;
  border-radius: 5px;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -ms-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}

.contactForm .item .inputBox .inputText:focus {
  outline: 0;
}

.contactForm .item .inputBox .two {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .two {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contactForm .item .inputBox .two .box {
  width: 47.5%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .two .box {
    width: 100%;
  }
  .contactForm .item .inputBox .two .box:first-child {
    margin-bottom: 10px;
  }
}

.contactForm .item .inputBox .two .box p {
  width: 40px !important;
  margin: 0 !important;
}

.contactForm .item .inputBox .two .box .input p {
  width: 100% !important;
  margin: 0 !important;
}

.contactForm .item .inputBox .input p {
  margin: 0 !important;
}

.mwform-tel-field {
  display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.mwform-zip-field {
  display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.contactForm .item .inputBox .two .box p.big {
  width: 75px;
}

.contactForm .item .inputBox .two .box .input {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contactForm .item .inputBox .price {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.contactForm .item .inputBox .price .inputText {
  width: 250px;
  margin-right: 15px;
}

@media screen and (max-width: 480px) {
  .contactForm .item .inputBox .price .inputText {
    width: 175px;
  }
}

.contactForm .item .inputBox .address p {
  margin: 0 !important;
}

.contactForm .item .inputBox .postal_code {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.contactForm .item .inputBox .postal_code p {
  width: 40px;
  margin: 0 !important;
}

.contactForm .item .inputBox .postal_code div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contactForm .item .inputBox .address {
  margin-bottom: 15px;
}

.contactForm .item .inputBox .street {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.contactForm .item .inputBox .street p {
  width: 60px !important;
  margin: 0 !important;
}

.contactForm .item .inputBox .street div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contactForm .item .inputBox .street div p {
  width: 100% !important;
}

.wpcf7-list-item-label {
  font-size: 16px;
}

.contactForm .item .inputBox textarea {
  background-color: #f2f2f2;
  display: block;
  padding: 10px 15px;
  border: 1px solid #f2f2f2;
  height: 150px;
  resize: none;
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
  -webkit-transition: 0.5s ease-in;
  -moz-transition: 0.5s ease-in;
  -ms-transition: 0.5s ease-in;
  -o-transition: 0.5s ease-in;
  transition: 0.5s ease-in;
}

.contactForm .item .inputBox textarea:focus {
  outline: none;
}

.contactForm .item .inputBox .checkBox {
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.contactForm .item .inputBox .checkBox p {
  margin: 0 !important;
}

.contactForm .item .inputBox .checkBox .wpcf7-form-control {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.contactForm .item .inputBox .checkBox .wpcf7-list-item {
  margin: 0 1rem 0 0 !important;}

.date-input p,
.hour-input p {
  margin: 0 !important;
}
  
/* CUSTOM */
.ui-widget-header {
  background-color: #F2F2F2;
  color: #333333;
}

.ui-datepicker .ui-datepicker-title {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: center !important;
  font-size: 20px !important;
}

.ui-datepicker th {
  font-weight: normal;
}

.ui-state-default {
  text-align: center !important;
}

.ui-state-default.ui-state-hover {
  border: 1px solid #666666 !important;
  background-color: #666666 !important;
  color: #FFF !important;
}

.ui-state-default.ui-state-active {
  border: 1px solid #666666 !important;
  background-color: #666666 !important;
  color: #FFF !important;
}

.ui-state-highlight {
  border: 1px solid #44a9d8 !important;
  background-color: #44a9d8 !important;
  color: #FFF !important;
}


@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .checkBox {
    flex-wrap: wrap;
  }
}

.contactForm .item .inputBox .checkBox .select {
  width: auto;
  margin-right: 30px;
  font-size: 20px;
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}

.contactForm .item .inputBox .checkBox .select:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .checkBox .select {
    font-size: 16px;
    width: 50%;
    margin-right: 0;
  }
}

.contactForm .item .inputBox .checkBox .select .container_radio {
  display: block;
  position: relative;
  padding-left: 20px;
  margin: 10px 0 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .checkBox .select .container_radio {
    padding-left: 15px;
  }
}

.contactForm .item .inputBox .checkBox .select .container_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.contactForm .item .inputBox .checkBox .select .container_radio .checkmark {
  position: absolute;
  top: 7px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: transparent;
  border: 1px solid #333333;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .checkBox .select .container_radio .checkmark {
    width: 12px;
    height: 12px;
    top: 5px;
  }
}

.contactForm .item .inputBox .checkBox .select .container_radio input:checked ~ .checkmark {
  background-color: #666666;
}

.contactForm .item .inputBox .checkBox .select .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.contactForm .item .inputBox .checkBox .select .container_radio input:checked ~ .checkmark:after {
  display: block;
}

.contactForm .item .inputBox .checkBox .select .container_radio .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 9px;
  border: 1px solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contactForm .item .inputBox input[type="radio"]:checked ~ label {
  color: #666666;
}

.contactForm .item .inputBox .radioBox .item .radio input[type="radio"]:checked ~ .check {
  border: 2px solid #666666 !important;
}

.contactForm .item .inputBox input[type="radio"]:checked ~ .check::before {
  background: #666666;
}

.contactForm .item .inputBox .radioBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contactForm .item .inputBox .radioBox .item {
  margin-right: 30px;
  position: relative;
  padding: 0;
  border-top: 0;
}

.contactForm .item .inputBox .radioBox .item:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .radioBox .item {
    font-size: 15px;
  }
}

.contactForm .item .inputBox .radioBox .item .radio {
  position: relative;
}

.contactForm .item .inputBox .radioBox .item .radio label {
  display: block;
  position: relative;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .radioBox .item .radio label {
    font-size: 16px;
  }
}

.mwform-checkbox-field-text {
  font-size: 16px;
}

.contactForm .item .inputBox .radioBox .item .radio .check {
  display: block;
  position: absolute;
  border: 2px solid #CCCCCC;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 4px;
  left: 0;
  z-index: 5;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .radioBox .item .radio .check {
    width: 14px;
    height: 14px;
  }
}

.contactForm .item .inputBox .radioBox .item .radio .check:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 3px;
  left: 3px;
  margin: auto;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -ms-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

@media screen and (max-width: 767px) {
  .contactForm .item .inputBox .radioBox .item .radio .check:before {
    width: 6px;
    height: 6px;
    top: 2px;
    left: 2px;
  }
}

.contactForm .item .inputBox .radioBox .item .radio:hover label {
  color: #666666;
}

.contactForm .item .inputBox .radioBox .item .radio:hover .check {
  border: 2px solid #666666;
}

.contactForm .item .inputBox .textLink {
  padding-top: 15px;
  text-align: left;
}

.contactForm .item .inputBox .textLink a {
  position: relative;
  font-weight: bold;
}

.contactForm .item .inputBox .textLink a:before {
  content: "";
  width: 0%;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -3px;
  z-index: 5;
  transition: width 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.contactForm .item .inputBox .textLink a:hover:before {
  width: 100%;
}

.contactForm .item .inputBox.calendar .input {
  width: 295px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media screen and (max-width: 480px) {
  .contactForm .item .inputBox.calendar .input {
    width: 100%;
  }
}

.contactForm .item .inputBox.calendar .input .inputText {
  width: 250px;
  background-image: url(../../assets/img/common/calendar.jpg);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

@media screen and (max-width: 480px) {
  .contactForm .item .inputBox.calendar .input .inputText {
    width: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.contactForm .item .inputBox.calendar .input .inputText:disabled {
  background: #cdcdcd;
  cursor: not-allowed;
}

.contactForm .item .inputBox.calendar .input p {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}

@media screen and (max-width: 480px) {
  .contactForm .item .inputBox.calendar .input p {
    width: 50px;
    -webkit-box-flex: unset;
    -moz-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
}

.contactForm .item .inputBox.order .input {
  width: 130px;
}

.contactForm .item .inputBox.order .input .inputText {
  width: 100px;
}

.contactForm.confirmation .item .title {
  padding-top: 15px;
}

.contactForm.confirmation .item .inputBox .two .box .big {
  width: 90px;
}

.contactForm.confirmation .item .inputBox .postal_code p {
  width: auto;
}

.btnBox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: 50px;
}

.btnBox p {
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .btnBox {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.btnBox wpcf7-form-control {
  outline: none !important;
  cursor: pointer;
}

.btnBox wpcf7-form-control:hover, .btnBox wpcf7-form-control:focus {
  outline: none !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btnBox wpcf7-form-control {
    margin-left: 0 !important;
  }
}

.btnBox .wpcf7-form-control {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 400px;
  height: 50px;
  font-size: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #666666;
  margin: 0 auto;
  position: relative;
  word-break: keep-all;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  letter-spacing: 3px;
  border: 0;
}

.btnBox .wpcf7-form-control:hover {
  background-color: #4d4d4d;
}

@media screen and (max-width: 767px) {
  .btnBox .wpcf7-form-control {
    max-width: 315px;
    width: 100%;
    height: 53px;
    margin: auto;
    margin-bottom: 10px;
    font-size: 15px;
  }
}

#wpcf7cpcnf {
  z-index: 10 !important;
} 
#wpcf7cpcnf p {
  margin: 0 !important;
} 
#wpcf7cpcnf table th, #wpcf7cpcnf table td {
  padding: 0.5rem 0;
  border: 1px solid #CCC;
  vertical-align: middle;
}
#wpcf7cpcnf table th {
  width: 240px;
    background-color: #EEE;
    padding: 1rem;
    border-bottom: 1px solid #ccc;
}
#wpcf7cpcnf table td {
  padding: 0.5rem 1.5rem;
}

.wpcf7cp-btns {
  display: flex;
}
.wpcf7cp-btns .wpcf7-form-control {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 40px;
  font-size: 16px;
  transition: all 0.5s;
  background-color: #666666;
  border: 0;
  position: relative;
  word-break: keep-all;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  letter-spacing: 3px;
  border: 0;
}

/*# sourceMappingURL=style.css.map */