@charset "UTF-8";
/*
Theme Name: Adesso
パス：ルート相対パス
*/
* {
  box-sizing: border-box;
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #727272;
  font-family: "Noto Serif JP", serif;
  font-family: "Noto Sans JP", sans-serif;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  color: #727272;
  font-size: inherit;
}
a.underline {
  text-decoration: underline;
}

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

.centerMode {
  text-align: center;
}

.mb8 {
  margin-bottom: 8px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mY30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mt40 {
  margin-top: 40px;
}

.imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .imgBox.two img {
    width: 50%;
  }
}
.imgBox img {
  -o-object-fit: cover;
     object-fit: cover;
}

.tRed {
  color: red;
}

.tBold {
  font-weight: bold;
}

.moreLink {
  font-size: initial;
}

.grid {
  width: 1500px;
  margin: 0 auto;
  padding: 0 30px 0 30px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: transparent;
}
@media screen and (max-width: 1500px) {
  .grid {
    width: 100%;
  }
}
@media (max-width: 1020px) {
  .grid {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .grid {
    padding-left: 3%;
    padding-right: 3%;
  }
}
.grid.free {
  width: auto;
  margin: 0 auto;
}

.section {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media (max-width: 1020px) {
  .section {
    padding-right: 3%;
    padding-left: 3%;
  }
}
@media (max-width: 768px) {
  .section {
    padding-right: 3%;
    padding-left: 3%;
    padding-top: 5%;
    padding-bottom: 8%;
  }
}
@media (max-width: 400px) {
  .section {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
.section.excep {
  padding-top: 0px;
  padding-bottom: 0px;
}

h1 {
  font-size: 32px;
  line-height: 1.3;
  color: #727272;
  background-color: transparent;
}
@media (max-width: 400px) {
  h1 {
    font-size: 24px;
  }
}
h1.iconSet {
  padding-left: 60px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
h1 span {
  display: block;
  font-size: 14px;
}
h1.center {
  text-align: center;
}

h2 {
  font-size: 28px;
  line-height: 1.7;
  color: #727272;
  background-color: transparent;
}
@media (max-width: 400px) {
  h2 {
    font-size: 20px;
  }
}
h2.iconSet {
  padding-left: 60px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
h2.center {
  text-align: center;
}
h2 span {
  display: block;
  font-size: 14px;
}
@media (max-width: 768px) {
  h2 span {
    font-size: 2vw;
  }
}
h2.lineStyle {
  font-family: "Noto Serif JP", serif;
  line-height: 1.2 !important;
}
h2.lineStyle span {
  font-family: "Noto Serif JP", serif;
}

h3 {
  font-size: 20px;
  line-height: 1.7;
  color: #727272;
  background-color: transparent;
}
@media (max-width: 400px) {
  h3 {
    font-size: 18px;
  }
}
h3.iconSet {
  padding-left: 60px;
  background-position: center left;
  background-repeat: no-repeat;
  background-size: contain;
}
h3.center {
  text-align: center;
}
h3 span {
  display: block;
  font-size: 14px;
}

@media (max-width: 400px) {
  .pankuzu {
    font-size: 10px;
  }
  .pankuzu span {
    font-size: 10px;
  }
}

.commonColumn {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .commonColumn {
    display: block;
  }
}
.commonColumn.twoStyle div {
  width: 48%;
}
@media (max-width: 768px) {
  .commonColumn.twoStyle div {
    width: 100%;
  }
}
.commonColumn.threeStyle div {
  width: 30%;
}

.commonImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.normalBtn {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  background-color: #9ac1f1;
  color: #ffffff;
}
.normalBtn a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.normalBtn a:hover {
  opacity: 0.7;
}

.normalBtn_blue {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  background-color: #4370c3;
  color: #ffffff;
}
.normalBtn_blue a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.normalBtn_blue a:hover {
  opacity: 0.7;
}
.normalBtn_blue .smalltext {
  color: #ffffff;
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.normalBtnNonLink {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
  font-size: 20px;
  padding: 10px 15px 10px 15px;
  color: white;
  background-color: #4370c3;
}
.normalBtnNonLink:hover {
  opacity: 0.7;
}
@media (max-width: 1020px) {
  .normalBtnNonLink {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .normalBtnNonLink {
    width: 30%;
  }
}
@media (max-width: 400px) {
  .normalBtnNonLink {
    width: 65%;
  }
}
.normalBtnNonLink.skyblue {
  background-color: #9ac1f1;
  color: #ffffff;
}

.buttonArea {
  display: flex;
  justify-content: center;
}
.buttonArea .formButton {
  font-size: 24px;
  font-weight: bold;
  padding: 15px;
  border-radius: 15px;
  line-height: 1;
  border: 0;
  cursor: pointer;
  background-color: #4370c3;
  color: #ffffff;
  width: 250px;
  margin-right: 150px;
}
.buttonArea .formButton.skyblue {
  background-color: #9ac1f1;
  color: #ffffff;
}
.buttonArea .formButton:last-child {
  margin-right: 0;
}
.buttonArea .formButton.aLink {
  text-align: center;
}
.buttonArea .formButton .normalBtn_blue {
  display: inline-block;
}
.buttonArea .formMiniButton {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  background-color: #4370c3;
  color: #ffffff;
  width: auto;
  margin-right: 150px;
}
@media (max-width: 400px) {
  .buttonArea .formMiniButton {
    font-size: 16px;
  }
}
.buttonArea .formMiniButton.skyblue {
  background-color: #9ac1f1;
  color: #ffffff;
}
.buttonArea .formMiniButton:last-child {
  margin-right: 0;
}
.buttonArea .formMiniButton.aLink {
  text-align: center;
}
.buttonArea.leftStyle {
  justify-content: flex-start;
}
.buttonArea.leftStyle .formButtonLink {
  width: 250px;
  margin: 0 auto;
  font-weight: bold;
  border-radius: 15px;
  line-height: 1;
  border: none;
  text-align: center;
}
.buttonArea.leftStyle .formButtonLink a {
  font-size: 20px;
  display: block;
  width: 100%;
  color: white;
  padding: 15px 0px 15px 0px;
}
.buttonArea.leftStyle .formButtonLink a:hover {
  opacity: 0.7;
}

.btnA250 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
}
.btnA250 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.btnA250 a:hover {
  opacity: 0.7;
}
.btnA250 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnA300 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 300px;
  background-color: #9ac1f1;
  color: #ffffff;
}
.btnA300 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.btnA300 a:hover {
  opacity: 0.7;
}
.btnA300 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnA500 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 500px;
  background-color: #9ac1f1;
  color: #ffffff;
}
.btnA500 a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 100%;
}
.btnA500 a:hover {
  opacity: 0.7;
}
.btnA500 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnIB250 {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  border: 0;
  cursor: pointer;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
}

.btnSimpleA250 {
  margin: 0 auto;
  border: none;
  text-align: center;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.btnSimpleA250 a {
  font-weight: bold;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  display: block;
  width: 100%;
}
.btnSimpleA250 a:hover {
  opacity: 0.7;
}
.btnSimpleA250 a .smalltext {
  font-size: 16px;
  display: block;
  padding-top: 10px;
}

.btnSimpleIB250 {
  font-weight: bold;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  width: 250px;
  background-color: #9ac1f1;
  color: #ffffff;
  font-size: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.btnArea {
  display: flex;
  justify-content: center;
}

.checkedBtn {
  display: inline-block;
  position: relative;
}
.checkedBtn input {
  opacity: 0;
  position: absolute;
  left: 0;
}
.checkedBtn input:focus + label {
  box-shadow: 0 0 4px #4370c3;
}
.checkedBtn input:checked + label {
  background: #4370c3;
  color: #fff;
  background-image: url("/img/checked.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 15px center;
}
.checkedBtn label {
  padding: 10px 20px 10px 60px;
  border-radius: 20px;
  background: #9ac1f1;
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  transition: 0.5s;
  background-image: url("/img/option.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 15px center;
}
.checkedBtn label:hover {
  background: #4370c3;
  color: #fff;
  background-image: url("/img/checked.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: left 15px center;
}

h2.dogH2 {
  text-align: center;
}
h2.dogH2 span {
  position: relative;
  display: inline-block;
  padding-left: 70px;
  padding-right: 70px;
  font-size: 30px;
  font-family: "Noto Serif JP", serif;
  background: linear-gradient(to bottom, white 50%, #b0fcea 51%);
}
@media (max-width: 1020px) {
  h2.dogH2 span {
    font-size: 3.3vw;
  }
}
@media (max-width: 768px) {
  h2.dogH2 span {
    font-size: 4vw;
  }
}
h2.dogH2 span::before {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/h2IconLeft.png);
  vertical-align: middle;
  position: absolute;
  left: 0;
}
h2.dogH2 span::after {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/h2IconRight.png);
  vertical-align: middle;
  position: absolute;
  right: 0;
}
h2.dogH2 + p {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 1.7;
}

h3 {
  font-size: 28px;
}
h3.blogH3 {
  font-family: "Noto Serif JP", serif;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #aff9ee;
  padding-left: 90px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/newsIcon.png);
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
  h3.blogH3 {
    margin-bottom: 0.6vw;
  }
}
@media (max-width: 1020px) {
  h3.blogH3 {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  h3.blogH3 {
    font-size: 3.5vw;
    padding-left: 70px;
    background-position: center left 10px;
  }
}
@media (max-width: 400px) {
  h3.blogH3 {
    font-size: 4.5vw;
  }
}
h3.blogH3.toka {
  background-color: rgba(175, 249, 238, 0.3);
}

.subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}
@media screen and (max-width: 1500px) {
  .subTitle {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .subTitle {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .subTitle {
    font-size: 2.3vw;
  }
}
.subTitle span {
  line-height: 2.5;
  position: relative;
}
@media screen and (max-width: 1500px) {
  .subTitle span {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .subTitle span {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .subTitle span {
    font-size: 2.3vw;
  }
}
.subTitle span::after {
  position: absolute;
  right: -60px;
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_subtitle.png);
  vertical-align: middle;
}

.mainText {
  margin-bottom: 20px;
  line-height: 1.7;
}
@media screen and (max-width: 1500px) {
  .mainText {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .mainText {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .mainText {
    font-size: 2vw;
  }
}
@media (max-width: 400px) {
  .mainText {
    font-size: 3vw;
  }
}
.mainText.small {
  margin-bottom: 5px;
}

h4.checkH4 {
  margin-bottom: 20px;
}
h4.checkH4 span {
  position: relative;
  display: inline-block;
  font-size: 24px;
}
@media (max-width: 1020px) {
  h4.checkH4 span {
    font-size: 2.5vw;
  }
}
@media (max-width: 768px) {
  h4.checkH4 span {
    font-size: 3vw;
  }
}
@media (max-width: 400px) {
  h4.checkH4 span {
    font-size: 3.5vw;
  }
}
h4.checkH4 span::after {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/check.png);
  vertical-align: middle;
  position: absolute;
  right: -70px;
}
@media (max-width: 768px) {
  h4.checkH4 span::after {
    top: -7px;
  }
}

header {
  padding-top: 15px;
  padding-bottom: 15px;
}
header .headerSplit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  header .headerSplit {
    display: block;
  }
}
@media (max-width: 768px) {
  header .headerSplit .left {
    display: flex;
    justify-content: center;
  }
  header .headerSplit .left img {
    width: 20vw;
  }
}
header .headerSplit .right .navi ul {
  display: flex;
  z-index: 100;
}
@media (max-width: 768px) {
  header .headerSplit .right .navi ul {
    display: block;
  }
}
header .headerSplit .right .navi ul li a {
  display: block;
  padding: 5px 7px;
  font-size: 16px;
  font-weight: bold;
}
.eye {
  height: 90vh;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/06/eye2.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  .eye {
    height: 50vw;
  }
}
.eye .slogan .mainSlogan {
  font-weight: bold;
  font-size: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.eye .slogan .smallText {
  font-size: 16px;
}
.eye .slogan .smallText.top {
  font-weight: bold;
}
.eye.commonEye {
  height: 200px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeCommon.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .eye.commonEye {
    background-size: cover !important;
    height: 25vw !important;
  }
}
.eye.commonEye h1 {
  font-size: 40px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 768px) {
  .eye.commonEye h1 {
    font-size: 5vw;
  }
}
.eye.commonEye.gallery {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeGallery.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.commonEye.dogrun {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeDogrun.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.commonEye.trimming {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeTrimming.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.commonEye.aboutus {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeAboutUs.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.commonEye.restaurantCafe {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeRestaurantcafe.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.commonEye.shop {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeShop.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.commonEye.contact {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/eyeContact.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eye.privacy {
  background-image: url(http://ekkyo.kcforce.jp/wp-content/uploads/2024/01/eyePrivacypolicy.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.eye.about {
  background-image: url(http://ekkyo.kcforce.jp/wp-content/uploads/2024/01/eyeAboutus.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.eye.service {
  background-image: url(http://ekkyo.kcforce.jp/wp-content/uploads/2024/01/eyeService.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}
.eye.contact {
  background-image: url(http://ekkyo.kcforce.jp/wp-content/uploads/2024/01/eyeContact.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.eye_top img {
  width: 100%;
}

.sidebutton {
  position: fixed;
  right: 5px;
  z-index: 30000;
}
.sidebutton.cafe {
  top: 20%;
}
@media (max-width: 768px) {
  .sidebutton.cafe {
    top: 40%;
  }
}
.sidebutton.salon {
  top: 35%;
}
@media (max-width: 768px) {
  .sidebutton.salon {
    top: 50%;
  }
}
.sidebutton img {
  width: 60px;
  height: auto;
}
@media (max-width: 768px) {
  .sidebutton img {
    width: 40px;
  }
}
.sidebutton.line {
  top: 20%;
}
@media (max-width: 768px) {
  .sidebutton.line {
    top: 40%;
  }
}
.sidebutton.line img {
  width: 150px;
}
@media (max-width: 768px) {
  .sidebutton.line img {
    width: 85px;
  }
}

nav ul li a {
  font-family: "Noto Serif JP", serif;
}

.innerNav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 80px;
}
.innerNav li {
  width: 28%;
  margin-bottom: 30px;
  margin-right: 40px;
  margin-left: 40px;
}
@media screen and (max-width: 1500px) {
  .innerNav li {
    margin-right: 3.3vw;
    margin-left: 3.3vw;
  }
}
@media (max-width: 768px) {
  .innerNav li {
    width: 47%;
    margin-right: 2vw;
    margin-left: 2vw;
  }
  .innerNav li:nth-child(odd) {
    margin-left: 0;
  }
  .innerNav li:nth-child(even) {
    margin-right: 0;
  }
}
.innerNav li:first-child {
  margin-left: 0;
}
.innerNav li:nth-child(3) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .innerNav li:nth-child(3) {
    margin-right: 2vw;
    margin-left: 0;
  }
}
.innerNav li:nth-child(4) {
  margin-left: 0;
}
@media (max-width: 768px) {
  .innerNav li:nth-child(4) {
    margin-left: 2vw;
    margin-right: 0;
  }
}
.innerNav li:nth-child(6) {
  margin-right: 0;
}
.innerNav li:nth-child(7) {
  margin-left: 0;
}
.innerNav li:last-child {
  margin-right: 0;
}
.innerNav li a {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #aff9ee;
  border-radius: 25px;
  font-size: 24px;
  padding-left: 25px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/arrow.png);
  background-position: right 25px center;
  background-repeat: no-repeat;
  background-size: auto;
}
@media screen and (max-width: 1500px) {
  .innerNav li a {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .innerNav li a {
    font-size: 1.8vw;
  }
}

table.noSideBar {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom: 20px;
}
table.noSideBar th {
  background-color: transparent;
  color: #727272;
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  border: 1px solid #975c22;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
}
table.noSideBar td {
  color: #727272;
  font-size: 20px;
  background-color: transparent;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
  border: 1px solid #707070;
}
table.noSideBar td.priority {
  width: 40%;
}
table.noSideBar td.sPriority {
  width: 20%;
}
table.noSideBar tr td {
  border: 1px solid gray;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3%;
  padding-bottom: 3%;
}
table.noSideBar tr:nth-child(even) {
  background-color: ghostwhite;
}
table.noSideBar.noColor tr {
  background-color: transparent;
}
@media (max-width: 1020px) {
  table.noSideBar th {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  table.noSideBar th {
    font-size: 2.3vw;
  }
}
@media (max-width: 1020px) {
  table.noSideBar td {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  table.noSideBar td {
    font-size: 2.3vw;
  }
}
table.noSideBar.content td {
  padding-top: 15px;
  padding-bottom: 15px;
}
table + p {
  line-height: 1.7;
}
@media (max-width: 1020px) {
  table + p {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  table + p {
    font-size: 1.8vw;
  }
}

main {
  padding-top: 70px;
  padding-bottom: 120px;
}
@media (max-width: 1020px) {
  main {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}

section {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  section {
    margin-bottom: 7vw;
  }
}
section.gray {
  background-color: #ededed;
  margin-bottom: 0;
}

.newsAndBlogBox {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .newsAndBlogBox {
    display: block;
  }
}
.newsAndBlogBox .news {
  width: 48%;
}
@media (max-width: 768px) {
  .newsAndBlogBox .news {
    width: 100%;
    margin-bottom: 7vw;
  }
}
.newsAndBlogBox .news h2 {
  background: linear-gradient(to bottom, white 44%, #e07979 45%, white 47%);
}
.newsAndBlogBox .news h2 .whiteBoard {
  background-color: white;
  color: #e07979;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 1020px) {
  .newsAndBlogBox .news h2 .whiteBoard {
    font-size: 3.3vw;
  }
}
@media (max-width: 768px) {
  .newsAndBlogBox .news h2 .whiteBoard {
    font-size: 4vw;
  }
}
.newsAndBlogBox .news h2 .smallText {
  color: #e07979;
}
.newsAndBlogBox .news ul {
  margin-top: 30px;
  padding-right: 25px;
}
.newsAndBlogBox .news ul li {
  margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
  .newsAndBlogBox .news ul li a {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .newsAndBlogBox .news ul li a {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .newsAndBlogBox .news ul li a {
    font-size: 2vw;
  }
}
@media (max-width: 400px) {
  .newsAndBlogBox .news ul li a {
    font-size: 3vw;
  }
}
.newsAndBlogBox .news ul li a span {
  margin-right: 15px;
}
@media screen and (max-width: 1500px) {
  .newsAndBlogBox .news ul li a span {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .newsAndBlogBox .news ul li a span {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .newsAndBlogBox .news ul li a span {
    font-size: 2vw;
  }
}
@media (max-width: 400px) {
  .newsAndBlogBox .news ul li a span {
    font-size: 3vw;
  }
}
.newsAndBlogBox .blog {
  width: 48%;
}
@media (max-width: 768px) {
  .newsAndBlogBox .blog {
    width: 100%;
  }
}
.newsAndBlogBox .blog h2 {
  background: linear-gradient(to bottom, white 44%, #799de0 45%, white 47%);
}
.newsAndBlogBox .blog h2 .whiteBoard {
  background-color: white;
  color: #799de0;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 1020px) {
  .newsAndBlogBox .blog h2 .whiteBoard {
    font-size: 3.3vw;
  }
}
@media (max-width: 768px) {
  .newsAndBlogBox .blog h2 .whiteBoard {
    font-size: 4vw;
  }
}
.newsAndBlogBox .blog h2 .smallText {
  color: #799de0;
}
.newsAndBlogBox .blog ul {
  margin-top: 30px;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .newsAndBlogBox .blog ul {
    padding-left: 0;
  }
}
.newsAndBlogBox .blog ul li {
  margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
  .newsAndBlogBox .blog ul li a {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .newsAndBlogBox .blog ul li a {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .newsAndBlogBox .blog ul li a {
    font-size: 2vw;
  }
}
@media (max-width: 400px) {
  .newsAndBlogBox .blog ul li a {
    font-size: 3vw;
  }
}
.newsAndBlogBox .blog ul li a span {
  margin-right: 15px;
}
@media screen and (max-width: 1500px) {
  .newsAndBlogBox .blog ul li a span {
    font-size: 1.3vw;
  }
}
@media (max-width: 1020px) {
  .newsAndBlogBox .blog ul li a span {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .newsAndBlogBox .blog ul li a span {
    font-size: 2vw;
  }
}
@media (max-width: 400px) {
  .newsAndBlogBox .blog ul li a span {
    font-size: 3vw;
  }
}

.aboutUsBox h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_aboutus.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 40px;
}
.aboutUsBox h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 1020px) {
  .aboutUsBox h2 .whiteBoard {
    font-size: 3.3vw;
  }
}
@media (max-width: 768px) {
  .aboutUsBox h2 .whiteBoard {
    font-size: 4vw;
  }
}
.aboutUsBox h2 .smallText {
  color: #727272;
}
.aboutUsBox h3 {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  height: 100px;
  padding-left: 80px;
}
.aboutUsBox h3 span {
  font-size: 24px;
}
@media screen and (max-width: 1500px) {
  .aboutUsBox h3 span {
    font-size: 1.6vw;
  }
}
@media (max-width: 1020px) {
  .aboutUsBox h3 span {
    font-size: 1.9vw;
  }
}
@media (max-width: 768px) {
  .aboutUsBox h3 span {
    font-size: 2.5vw;
  }
}
@media (max-width: 400px) {
  .aboutUsBox h3 span {
    font-size: 3vw;
  }
}
.aboutUsBox h3.point1 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/nikukyu1.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.aboutUsBox h3.point1::after {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_about1.png);
  vertical-align: middle;
  padding-right: 5px;
}
.aboutUsBox h3.point2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/nikukyu2.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.aboutUsBox h3.point2::after {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_about2.png);
  vertical-align: middle;
  padding-right: 5px;
}
.aboutUsBox h3.point3 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/nikukyu3.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.aboutUsBox h3.point3::after {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_about3.png);
  vertical-align: middle;
  padding-right: 5px;
}
.aboutUsBox h3.point4 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/nikukyu4.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.aboutUsBox h3.point4::after {
  content: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_about4.png);
  vertical-align: middle;
  padding-right: 5px;
}
.aboutUsBox .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
}
.aboutUsBox .mainText {
  margin-bottom: 20px;
}
.aboutUsBox .btnCenter {
  text-align: left;
}
@media (max-width: 768px) {
  .aboutUsBox .btnCenter {
    text-align: center;
  }
}
.aboutUsBox .btn {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  background-color: #aff9ee;
  padding-right: 60px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/btnIcon.png);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: auto;
}
@media screen and (max-width: 1500px) {
  .aboutUsBox .btn {
    font-size: 1.5vw;
  }
}
@media (max-width: 1020px) {
  .aboutUsBox .btn {
    font-size: 2vw;
  }
}
@media (max-width: 768px) {
  .aboutUsBox .btn {
    font-size: 2.5vw;
  }
}
@media (max-width: 400px) {
  .aboutUsBox .btn {
    font-size: 3vw;
  }
}

.aboutBox {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .aboutBox {
    display: block;
  }
}
.aboutBox.reverse {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 768px) {
  .aboutBox.reverse {
    display: block;
  }
}
.aboutBox .left {
  width: 45%;
}
@media (max-width: 768px) {
  .aboutBox .left {
    width: 100%;
    margin-bottom: 3vw;
  }
}
.aboutBox .right {
  width: 52%;
}
@media (max-width: 768px) {
  .aboutBox .right {
    width: 100%;
  }
}
.aboutBox .right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card a {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .card a {
    display: block;
  }
}
@media (max-width: 1020px) {
  .card a {
    display: block;
  }
}
@media (max-width: 768px) {
  .card a {
    display: flex !important;
  }
}
.card a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card a.reverse {
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 1020px) {
  .card a.reverse {
    display: block;
  }
}
@media (max-width: 768px) {
  .card a.reverse {
    display: flex !important;
  }
}
@media (max-width: 400px) {
  .card a.reverse {
    display: block;
  }
}
.card .text {
  padding-left: 30px;
  padding-right: 30px;
  width: 60%;
  background-color: #aff9ee;
  padding-top: 25px;
}
@media (max-width: 1020px) {
  .card .text {
    width: 100%;
    margin-top: -3px;
    padding-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .card .text {
    width: 60%;
    margin-top: 0px;
    padding-bottom: 0px;
  }
}
@media (max-width: 400px) {
  .card .text {
    width: 100%;
    margin-top: -3px;
    padding-bottom: 20px;
  }
}
.card.trimming {
  margin-bottom: 50px;
}
.card.trimming h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_trimming.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 40px;
}
.card.trimming h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.trimming h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.trimming h2 {
    background-size: 9vw;
  }
}
.card.trimming h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.trimming h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.trimming .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.card.trimming .mainText {
  margin-bottom: 20px;
}
.card.dogRun {
  margin-bottom: 50px;
}
.card.dogRun h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_dogRun.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 40px;
}
.card.dogRun h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.dogRun h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.dogRun h2 {
    background-size: 9vw;
    background-size: contain;
  }
}
.card.dogRun h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.dogRun h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.dogRun .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.card.dogRun .mainText {
  margin-bottom: 20px;
}
.card.shop {
  margin-bottom: 50px;
}
.card.shop h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_shop.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 40px;
}
.card.shop h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.shop h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.shop h2 {
    background-size: 9vw;
  }
}
.card.shop h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.shop h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.shop .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.card.shop .mainText {
  margin-bottom: 20px;
}
.card.access {
  margin-bottom: 50px;
}
.card.access h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_access.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 40px;
}
.card.access h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.access h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.access h2 {
    background-size: 9vw;
  }
}
.card.access h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.access h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.access .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.card.access .mainText {
  margin-bottom: 20px;
}
.card.contact {
  margin-bottom: 50px;
}
.card.contact h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_contact.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 40px;
}
.card.contact h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.contact h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.contact h2 {
    background-size: 9vw;
  }
}
.card.contact h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.contact h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.contact .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.card.contact .mainText {
  margin-bottom: 20px;
}
.card.news {
  margin-bottom: 50px;
}
.card.news h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_access.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 40px;
}
.card.news h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.news h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.news h2 {
    background-size: 9vw;
    background-size: contain;
  }
}
.card.news h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.news h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.news .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.7;
}
@media screen and (max-width: 1500px) {
  .card.news .subTitle {
    font-size: 1.5vw;
  }
}
.card.news .mainText {
  margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
  .card.news .mainText {
    font-size: 1.5vw;
  }
}
.card.blog {
  margin-bottom: 50px;
}
.card.blog h2 {
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_contact.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 40px;
}
.card.blog h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .card.blog h2 .whiteBoard {
    font-size: 2.8vw;
  }
}
@media (max-width: 768px) {
  .card.blog h2 {
    background-size: 9vw;
  }
}
.card.blog h2 .smallText {
  color: #727272;
}
@media screen and (max-width: 1500px) {
  .card.blog h2 .smallText {
    font-size: 1.5vw;
  }
}
.card.blog .subTitle {
  margin-bottom: 20px;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.7;
}
@media screen and (max-width: 1500px) {
  .card.blog .subTitle {
    font-size: 1.5vw;
  }
}
.card.blog .mainText {
  margin-bottom: 20px;
}
@media screen and (max-width: 1500px) {
  .card.blog .mainText {
    font-size: 1.5vw;
  }
}
.card.large a {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .card.large a {
    display: block;
  }
}
@media (max-width: 1020px) {
  .card.large a {
    display: flex;
  }
}
@media (max-width: 1020px) and (max-width: 768px) {
  .card.large a {
    display: block;
  }
}
@media (max-width: 768px) {
  .card.large a {
    display: flex !important;
  }
}
.card.large a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card.small {
  width: 48%;
}
@media (max-width: 768px) {
  .card.small {
    width: 100%;
  }
}

.cardList {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .cardList {
    display: block;
  }
}

.gallery h2 {
  margin-bottom: 25px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_gallery.png);
  border-bottom: 1px solid #727272;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  padding-right: 40px;
}
.gallery h2 .whiteBoard {
  background-color: transparent;
  color: #727272;
  font-size: 30px;
  display: inline-block;
  padding-right: 10px;
}
@media (max-width: 1020px) {
  .gallery h2 .whiteBoard {
    font-size: 3.3vw;
  }
}
@media (max-width: 768px) {
  .gallery h2 .whiteBoard {
    font-size: 4vw;
  }
}
.gallery h2 .smallText {
  color: #727272;
}
.gallery .btnCenter {
  text-align: center;
}
.gallery .btn {
  font-size: 20px;
  font-weight: bold;
  padding: 6px 30px;
  border-radius: 15px;
  line-height: 1.7;
  text-align: center;
  border: 0;
  cursor: pointer;
  background-color: #aff9ee;
  padding-right: 60px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/btnIcon.png);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: auto;
}

.galleryBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.galleryBox li {
  width: 23vw;
  height: 23vw;
  margin-bottom: 50px;
}
.galleryBox li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1020px) {
  .galleryBox li {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .galleryBox li {
    width: 47%;
  }
}

footer {
  padding-bottom: 10px;
}
footer .grid .footerTop {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  footer .grid .footerTop img {
    width: 20vw;
  }
}
footer .grid .footerMiddle {
  display: flex;
  padding-top: 30px;
}
@media (max-width: 768px) {
  footer .grid .footerMiddle {
    display: block;
  }
}
@media (max-width: 768px) {
  footer .grid .footerMiddle {
    display: block;
  }
}
footer .grid .footerMiddle .right {
  width: 50%;
  padding-left: 25px;
}
footer .grid .footerMiddle .right .bold {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 20px;
}
@media (max-width: 768px) {
  footer .grid .footerMiddle .right .bold {
    margin-top: 6vw;
  }
}
@media (max-width: 768px) {
  footer .grid .footerMiddle .right {
    width: 100%;
    padding-left: 0;
  }
}
footer .grid .footerMiddle .right .footerNaviTitle {
  margin-top: 30px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #727272;
  padding-bottom: 10px;
}
footer .grid .footerMiddle .right .footerNaviTitle li {
  font-size: 20px;
  font-weight: bold;
}
footer .grid .footerMiddle .right .footerNaviTitle li.title {
  padding-right: 20px;
}
footer .grid .footerMiddle .right .footerNaviTitle li.icon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  margin-left: 5px;
}
footer .grid .footerMiddle .right .footerNaviTitle li a {
  font-weight: bold;
  font-size: 20px;
}
footer .grid .footerMiddle .right .footerNaviTitle li:first-child {
  margin-top: 0;
}
footer .grid .footerMiddle .right .footerNavi {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: bold;
}
@media (max-width: 1020px) {
  footer .grid .footerMiddle .right .footerNavi {
    display: block;
  }
}
footer .grid .footerMiddle .right .footerNavi li {
  margin-bottom: 20px;
  width: 49%;
}
@media (max-width: 1020px) {
  footer .grid .footerMiddle .right .footerNavi li {
    width: 100%;
  }
}
@media screen and (max-width: 1500px) {
  footer .grid .footerMiddle .right .footerNavi li a {
    font-size: 1.1vw;
  }
}
@media (max-width: 1020px) {
  footer .grid .footerMiddle .right .footerNavi li a {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  footer .grid .footerMiddle .right .footerNavi li a {
    font-size: 2.3vw;
  }
}
footer .grid .footerMiddle .right .lastList {
  padding-left: 30px;
}
footer .grid .footerMiddle .right img {
  width: 100%;
}
footer .grid .footerMiddle .left {
  width: 50%;
  padding-right: 25px;
}
@media (max-width: 768px) {
  footer .grid .footerMiddle .left {
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 1020px) {
  footer .grid .footerMiddle .left .address {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  footer .grid .footerMiddle .left .address {
    font-size: 2.3vw;
  }
}
footer .grid .footerMiddle .left .accessCard {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 30px;
}
@media (max-width: 1020px) {
  footer .grid .footerMiddle .left .accessCard {
    display: block;
  }
}
footer .grid .footerMiddle .left .accessCard li {
  padding-left: 30px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_car.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1500px) {
  footer .grid .footerMiddle .left .accessCard li {
    font-size: 1.4vw;
  }
}
@media (max-width: 1020px) {
  footer .grid .footerMiddle .left .accessCard li {
    margin-bottom: 20px;
    font-size: 1.6vw;
  }
}
@media (max-width: 768px) {
  footer .grid .footerMiddle .left .accessCard li {
    font-size: 2.3vw;
  }
}
footer .grid .footerMiddle .left .telCard {
  background-color: #aff9ee;
  font-size: 30px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 15px;
  border-radius: 10px;
}
footer .grid .footerMiddle .left .telCard span {
  font-size: 16px;
}
footer .grid .footerMiddle .left .map {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  margin-top: 50px;
}
footer .grid .footerMiddle .left .map img {
  width: 100%;
}
footer .grid .footerMiddle .left .footerLogo {
  width: 230px;
}
footer .grid .footerMiddle .left .footerLogo img {
  width: 100%;
}
footer .footerBottom .iconLine {
  margin-top: 30px;
  margin-bottom: 10px;
  height: 100px;
  width: 100%;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/footerIconLine.png);
  background-position: center center;
  background-repeat: repeat-x;
  background-size: contain;
}
footer .footerBottom p {
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
}

.mainContent {
  margin-bottom: 0;
}
.mainContent .description {
  margin-bottom: 70px;
}
@media (max-width: 1020px) {
  .mainContent .description {
    font-size: 1.8vw;
    margin-bottom: 3vw;
  }
}
@media (max-width: 768px) {
  .mainContent .description {
    font-size: 2.3vw;
  }
}
@media (max-width: 400px) {
  .mainContent .description {
    font-size: 2.8vw;
  }
}
.mainContent + .cardBox {
  margin-top: 120px;
}
@media (max-width: 1020px) {
  .mainContent + .cardBox {
    margin-top: 0vw;
    margin-bottom: 0vw;
  }
}

.sessionArea {
  padding-top: 50px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1500px) {
  .sessionArea {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}
@media screen and (max-width: 1500px) {
  .sessionArea.excep {
    padding-top: 2vw;
    padding-bottom: 5vw;
  }
}

.galleryList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.galleryList li {
  margin-bottom: 60px;
  width: 18vw;
  height: 18vw;
  margin-bottom: 50px;
}
.galleryList li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1500px) {
  .galleryList li {
    width: 30%;
    height: 25vw;
    padding-bottom: 2vw;
  }
}
@media (max-width: 768px) {
  .galleryList li {
    width: 47%;
    height: 35vw;
  }
}
@media (max-width: 400px) {
  .galleryList li {
    width: 100%;
    height: 80vw;
  }
}

.newsBlogList li {
  margin-top: 80px;
}
.newsBlogList li:first-child {
  margin-top: 0;
}
.newsBlogList li .day {
  margin-bottom: 5px;
  font-size: 12px;
}
.newsBlogList li h2 {
  font-family: "Noto Serif JP", serif;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #aff9ee;
  padding-left: 90px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/newsIcon.png);
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 20px;
}
.newsBlogList li .honbun {
  line-height: 3;
}
@media (max-width: 1020px) {
  .newsBlogList li .honbun p {
    font-size: 1.8vw;
  }
}
@media (max-width: 768px) {
  .newsBlogList li .honbun p {
    font-size: 2.3vw;
  }
}
@media (max-width: 400px) {
  .newsBlogList li .honbun p {
    font-size: 2.8vw;
  }
}
.newsBlogList li .honbun.column {
  display: flex;
}
@media (max-width: 768px) {
  .newsBlogList li .honbun.column {
    display: block;
  }
}
@media (max-width: 768px) {
  .newsBlogList li .honbun.column {
    display: flex;
  }
}
.newsBlogList li .honbun.column .left {
  width: auto;
}
.newsBlogList li .honbun.column .left img {
  margin-right: 30px;
}
@media (max-width: 768px) {
  .newsBlogList li .honbun.column .left img {
    width: 20vw;
    height: auto;
  }
}
.newsBlogList li .honbun.column .right {
  width: auto;
}

.blogColumn {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .blogColumn {
    display: block;
  }
}
.blogColumn .left {
  width: 1000px;
}
@media screen and (max-width: 1500px) {
  .blogColumn .left {
    width: 67%;
  }
}
@media (max-width: 768px) {
  .blogColumn .left {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.blogColumn .right {
  width: 400px;
}
@media screen and (max-width: 1500px) {
  .blogColumn .right {
    width: 30%;
  }
}
@media (max-width: 768px) {
  .blogColumn .right {
    width: 100%;
  }
}
.blogColumn .catArchive {
  background-color: #aff9ee;
  border-radius: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}
.blogColumn .catArchive .bold {
  font-weight: bold;
  font-size: 20px;
}
.blogColumn .catArchive .bold.cat + .catList li {
  padding-left: 30px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_cat.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.blogColumn .catArchive .bold.archive {
  margin-top: 30px;
}
.blogColumn .catArchive .bold.archive + .catList li {
  padding-left: 30px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_archive.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.blogColumn .catArchive li {
  margin-top: 15px;
  margin-bottom: 15px;
}
.blogColumn .catArchive.toka {
  background-color: rgba(175, 249, 238, 0.3);
}

.commonImg {
  margin-top: 30px;
}

.commonTable {
  border-collapse: collapse;
  width: 100%;
  box-sizing: border-box;
}
.commonTable th {
  background-color: #d5d0d0;
  color: white;
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  width: 20%;
  border: 1px solid #707070;
}
.commonTable td {
  color: #727272;
  font-size: 20px;
  background-color: #f2eded;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  width: 80%;
  border: 1px solid #707070;
}
.commonTable th {
  width: 33%;
  text-align: center;
  background-color: #aff9ee;
  color: #727272;
  padding-right: 3%;
  padding-left: 3%;
  line-height: 1.7;
}
.commonTable th.toka {
  background-color: rgba(175, 249, 238, 0.3);
}
.commonTable th.pX-zero {
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1500px) {
  .commonTable th {
    font-size: 1.5vw;
  }
}
@media (max-width: 1020px) {
  .commonTable th {
    font-size: 1.8vw;
  }
}
@media (max-width: 768px) {
  .commonTable th {
    font-size: 2.3vw;
  }
}
@media (max-width: 400px) {
  .commonTable th {
    font-size: 2.8vw;
  }
}
.commonTable td {
  width: 33%;
  text-align: center;
  background-color: transparent;
  color: #727272;
  padding-right: 3%;
  padding-left: 3%;
  line-height: 1.7;
}
.commonTable td.pX-zero {
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 1500px) {
  .commonTable td {
    font-size: 1.5vw;
  }
}
@media (max-width: 1020px) {
  .commonTable td {
    font-size: 1.8vw;
  }
}
@media (max-width: 768px) {
  .commonTable td {
    font-size: 2.3vw;
  }
}
@media (max-width: 400px) {
  .commonTable td {
    font-size: 2.8vw;
  }
}
.commonTable.twoStyle th {
  width: 20%;
  text-align: left;
  background-color: #aff9ee;
  color: #727272;
}
.commonTable.twoStyle th.toka {
  background-color: rgba(175, 249, 238, 0.3);
}
.commonTable.twoStyle td {
  width: 79%;
  text-align: left;
  background-color: transparent;
  color: #727272;
}
.commonTable.harfStyle th {
  width: 50%;
  text-align: center;
  background-color: #aff9ee;
  color: #727272;
}
.commonTable.harfStyle th.toka {
  background-color: rgba(175, 249, 238, 0.3);
}
.commonTable.harfStyle td {
  width: 50%;
  text-align: center;
  background-color: transparent;
  color: #727272;
}

.checkList {
  margin-top: 50px;
  margin-bottom: 50px;
}
.checkList ul li {
  font-size: 16px;
  background-image: url(http://dogcafe.kcforce.jp/wp-content/uploads/2024/05/icon_check.png);
  background-position: left top 17px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 40px;
  border-bottom: 1px solid #727272;
  padding-bottom: 15px;
  padding-top: 15px;
  line-height: 1.7;
}
@media (max-width: 1020px) {
  .checkList ul li {
    font-size: 1.5vw;
  }
}
@media (max-width: 768px) {
  .checkList ul li {
    font-size: 2vw;
  }
}
@media (max-width: 400px) {
  .checkList ul li {
    font-size: 3vw;
  }
}

.check {
  background-color: #ff0000;
  border-radius: 10px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 80px;
  color: white;
  font-family: "Noto Serif JP", serif;
  font-size: 24px;
}
.check.center {
  text-align: center;
  line-height: 1.7;
}
.check.green {
  background-color: skyblue;
}
@media screen and (max-width: 1500px) {
  .check {
    font-size: 2vw;
  }
}
@media (max-width: 1020px) {
  .check {
    font-size: 2.5vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}
@media (max-width: 768px) {
  .check {
    font-size: 3vw;
    text-align: center;
    padding-left: 0;
  }
}

.aboutList {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .aboutList {
    display: block;
  }
}
.aboutList li {
  width: 650px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1500px) {
  .aboutList li {
    width: 47%;
  }
}
@media (max-width: 768px) {
  .aboutList li {
    width: 100%;
  }
}
.aboutList li img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.aboutList.cafeStyle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.schedule {
  width: 100%;
  margin-top: 50px;
}
@media screen and (max-width: 1500px) {
  .schedule {
    margin-top: 2vw;
  }
}

.cafeList {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 80px;
}
.cafeList li {
  width: 48%;
}
.cafeList li img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* お問合せフォーム１ */
.contact p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.headline {
  display: flex;
  justify-content: flex-start;
}

.headline input span {
  height: 100%;
}

input::-moz-placeholder {
  color: #707070;
}

input::placeholder {
  color: #707070;
}

input.wpcf7-form-control.wpcf7-date {
  /* color: #707070!important; */
}

.headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-date,
.headline p select {
  width: 1040px;
  height: 80px;
  font-size: 1.5em;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 1500px) {
  .headline input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-date,
.headline p select {
    width: 100%;
  }
}

textarea.wpcf7-form-control.wpcf7-textarea {
  width: 1040px;
  box-sizing: border-box;
  font-size: 1.5em;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1500px) {
  textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
  }
}

.headline .title {
  width: 400px;
  display: flex;
  align-items: center;
}
.headline .title.hissu + p {
  width: 100%;
}
@media screen and (max-width: 1500px) {
  .headline .title {
    width: 40%;
  }
}

.wpcf7 .button {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}

.wpcf7-submit {
  width: 680px;
  height: 80px;
  border-radius: 15px;
  border: 0px solid gray;
  background: linear-gradient(white, #aff9ee);
  color: #6f6f6f;
  cursor: pointer;
}
@media screen and (max-width: 1500px) {
  .wpcf7-submit {
    width: 50vw;
  }
}
@media (max-width: 1020px) {
  .wpcf7-submit {
    width: 70vw;
  }
}

.wpcf7-submit:hover {
  color: black;
}

.mailblock {
  margin: 50px 0px;
}

.wpcf7 h2 {
  margin-bottom: 20px;
  color: #707070;
}

.mailchoice {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}

.mailchoice a {
  margin-right: 30px;
  color: #707070;
}

.mailchoice a:hover {
  color: black;
}

.mailchoice a:last-child {
  margin-right: 0px;
}

.mailchoice .button {
  width: 280px;
  height: 60px;
  border-radius: 15px;
  border: 1px solid gray;
  background: linear-gradient(#dedada, #b1adad);
  display: flex;
  align-items: center;
  justify-content: center;
}

.mailchoice .button.current {
  font-weight: 900;
  background: linear-gradient(#b1adad, #7c7f82);
  color: white;
}

.wpcf7 a.kojin {
  text-decoration: underline;
  color: blue;
  margin-left: 10px;
}

.headline .title label,
.headline select {
  color: #707070;
}
@media (max-width: 1020px) {
  .headline .title label,
.headline select {
    font-size: 1.8vw;
  }
}

.headline.kojin {
  display: flex;
  justify-content: flex-start;
}

.headline.kojin .wpcf7-list-item-label {
  color: #707070;
}

.hissu label::after {
  /* position: absolute; */
  content: "必須";
  width: 50px;
  height: 30px;
  background-color: red;
  color: white;
  margin-left: 15px;
  border-radius: 5px;
  font-size: 0.8em;
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 1020px) {
  .hissu label::after {
    font-size: 1.8vw;
    margin-left: 0.7vw;
  }
}

.wpcf7-list-item {
  margin-right: 15px;
}

.wpcf7-response-output {
  /* background-color: orange; */
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-top: 20px;
}

.screen-reader-response p,
.screen-reader-response ul li {
  text-align: center;
}

.screen-reader-response p {
  font-size: 24px;
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-top: 20px;
}

/* .wpcf7-form.invalid {
	display: none;
} */
.wpcf7-not-valid-tip {
  display: block;
  color: red;
}

.screen-reader-response ul {
  display: none;
}

.c-hamburger-menu {
  position: relative;
}

@media (max-width: 1020px) {
  .c-hamburger-menu__list {
    background-color: #eeeeee; /* カスタマイズしてください */
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    left: 0;
    padding: 2rem; /* カスタマイズしてください */
    position: absolute;
    transform: translateX(-100%);
    transition: 0.3s; /* カスタマイズしてください */
    top: 100%;
    width: 100%;
  }
  #hamburger:checked ~ .c-hamburger-menu__list {
    transform: translateX(0%);
    transition: 0.3s;
  }
}
.c-hamburger-menu__input {
  display: none;
}

.c-hamburger-menu__bg {
  background-color: #000; /* カスタマイズしてください */
  cursor: pointer;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.4; /* カスタマイズしてください */
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

#hamburger:checked ~ .c-hamburger-menu__bg {
  display: block;
}

.c-hamburger-menu__button {
  display: none;
}

@media (max-width: 1020px) {
  .c-hamburger-menu__button {
    align-items: center;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 5px; /* カスタマイズしてください */
    height: 32px; /* カスタマイズしてください */
    justify-content: center;
    width: 32px; /* カスタマイズしてください */
  }
}
.c-hamburger-menu__button-mark {
  background-color: #000; /* カスタマイズしてください */
  display: block;
  height: 1px; /* カスタマイズしてください */
  transition: 0.3s; /* カスタマイズしてください */
  width: 20px; /* カスタマイズしてください */
}

@media (max-width: 1020px) {
  #hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(1) {
    transform: translate(2px, 1px) rotate(45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
  #hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(2) {
    opacity: 0;
  }
  #hamburger:checked ~ .c-hamburger-menu__button .c-hamburger-menu__button-mark:nth-of-type(3) {
    transform: translate(2px, 3px) rotate(-45deg); /* カスタマイズしてください */
    transform-origin: 0%; /* カスタマイズしてください */
  }
}
/*# sourceMappingURL=style.css.map */