@charset "UTF-8";
body * {
  text-decoration: none;
  outline: none;
  font-weight: 400;
  line-height: 1.8em;
  -ms-line-break: strict !important;
  line-break: strict !important;
  color: #333;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

img {
  border: none;
  vertical-align: bottom;
  font-size: auto;
  line-height: 0;
}

address {
  font-style: normal;
}

/*! clearfix ---------------------------- */
.cf:after,
.cf:before {
  content: "";
  display: block;
  overflow: hidden;
}

.cf:after {
  clear: both;
}

.clear {
  clear: both;
  visibility: hidden;
  height: 0;
}

html {
  overflow: auto;
  font-size: 62.5%;
}

body {
  overflow-y: hidden;
  min-width: 100%;
  position: relative;
  font-size: 1.8rem;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  letter-spacing: 1px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.maxWrapp {
  width: calc(100% - 70px);
  margin: 0 auto;
  position: relative;
}

.mainWrapp {
  width: 1500px;
  position: relative;
}

.largeWrapp {
  width: 1100px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .largeWrapp {
    width: 90%;
  }
}
@media screen and (max-width: 821px) {
  .largeWrapp {
    width: 90%;
  }
}
.middleWrapp {
  width: 100%;
  width: 960px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .middleWrapp {
    width: 98%;
  }
}
.smallWrapp {
  width: 812px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 960px) {
  .smallWrapp {
    width: 98%;
  }
}
.wFont {
  font-family: "Crimson Text", serif;
}

@media screen and (max-width: 960px) {
  .pcImg {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .spImg {
    display: none !important;
  }
}
@font-face {
  font-family: "myfont-bellmt";
  src: url("font/BellMTStd-Regular.eot");
  src: url("font/BellMTStd-Regular.eot?") format("embedded-opentype"), url(font/BellMTStd-Regular.woff) format("woff"), url(font/BellMTStd-Regular.otf) format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "myfont-Miama";
  src: url("font/Miama.eot");
  src: url("font/Miama.eot?") format("embedded-opentype"), url(font/Miama.woff) format("woff"), url(font/Miama.otf) format("opentype");
  font-style: normal;
  font-weight: 400;
}
.font-eng01 {
  font-family: "myfont-bellmt", "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.font-eng02 {
  font-family: "myfont-Miama", "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.leftBox {
  float: left;
}

.rightBox {
  float: right;
}

.conBox {
  padding-top: 150px;
}

@media screen and (max-width: 821px) {
  .conBox {
    padding-top: 55px;
  }
}
.moreLink {
  float: right;
  top: 15px;
  position: absolute;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 821px) {
  .moreLink {
    top: 29px;
    margin-left: 0;
    float: right;
  }
}
.moreLink:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .moreLink:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.moreLink a {
  font-size: 2rem;
  color: #595454;
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  .moreLink a {
    font-size: 1rem;
  }
}
.moreLink a:focus,
.moreLink a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.btn {
  position: relative;
}

.btn p {
  font-size: 2rem;
  padding-top: 45px;
  padding-bottom: 45px;
  line-height: 1;
  border: 2px solid #333;
  position: relative;
  display: block;
  width: 520px;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 430px;
  z-index: 1;
  box-sizing: border-box;
}

@media screen and (max-width: 1120px) {
  .btn p {
    width: 100%;
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .btn p {
    font-size: 1.4rem;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 13px;
    background-position-x: 95%;
    border: 1px solid #333;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .btn p {
    background-position-x: 95%;
  }
}
@media screen and (max-width: 821px) {
  .btn p:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
    left: 0;
    top: 0;
  }
  .btn p:before {
    content: "";
    border: 1px solid #c9d3bd;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -6px;
    bottom: -6px;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
  }
}
.btn.twoLine p {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 35px;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .btn.twoLine p {
    padding-top: 17px;
    padding-bottom: 17px;
    line-height: 20px;
  }
}
.btn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
  left: 0;
  top: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .btn:after {
    background: none;
  }
}
.btn:before {
  content: "";
  border: 2px solid #a5a5a5;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -12px;
  bottom: -13px;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  .btn:before {
    display: none;
  }
}
.btn:hover:after {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .btn:hover:after {
    background: none;
  }
}
.btn:hover:before {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .btn:hover:before {
    background: none;
  }
}
@media screen and (max-width: 821px) {
  /* .btn:hover p:after,
  .btn:hover p:before {
      background: rgba(155,159,51,.4);
      -webkit-transition: 0.3s;
      transition: 0.3s;
  } */
}
.twoBtn-a .btn {
  float: left;
}

@media screen and (max-width: 1120px) {
  .twoBtn-a .btn {
    width: 49%;
  }
}
@media screen and (max-width: 821px) {
  .twoBtn-a .btn {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.twoBtn-a .rightBox {
  float: right;
}

.colorBox {
  background: #1a1a3c;
  display: inline-block;
  padding: 4px 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .colorBox {
    margin-bottom: 15px;
  }
}
.colorBox p {
  line-height: 1;
  color: #fff;
  font-size: 1.5rem;
}

.ttlCommon {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}

@media screen and (max-width: 1200px) {
  .ttlCommon {
    width: 90%;
    padding-top: 0;
    margin: 0 auto;
  }
}
.ttlCommon h2,
.ttlCommon h3 {
  font-size: 1.4rem !important;
  text-align: center;
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  box-sizing: content-box;
}

.ttlCommon h2 span,
.ttlCommon h3 span {
  display: inline;
}

.ttlCommon h2 .borderLine,
.ttlCommon h3 .borderLine {
  width: 81px;
  height: 2px;
  display: inline-block;
  background: #9c918f;
  margin-left: 15px;
  margin-right: 27px;
  position: relative;
  bottom: 4px;
}

@media screen and (max-width: 821px) {
  .ttlCommon h2 .borderLine,
.ttlCommon h3 .borderLine {
    margin-left: 0;
    margin-right: 8px;
    margin-top: 0;
    width: 45px;
  }
}
.ttlCommon h2 .engTtl01,
.ttlCommon h3 .engTtl01 {
  font-size: 3.8rem;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .ttlCommon h2 .engTtl01,
.ttlCommon h3 .engTtl01 {
    font-size: 1.9rem;
    text-align: left;
    display: block;
    width: 100%;
    text-align: left;
  }
}
.ttlCommon h2 .jpnTtl,
.ttlCommon h3 .jpnTtl {
  margin-top: 25px;
  color: #595454;
  font-size: 1.6rem;
}

@media screen and (max-width: 821px) {
  .ttlCommon h2 .jpnTtl,
.ttlCommon h3 .jpnTtl {
    font-size: 1.4rem;
  }
}
.engTtl02 {
  font-size: 6.6rem;
}

@media screen and (max-width: 821px) {
  .engTtl02 {
    font-size: 4.5rem;
  }
}
.engTtl02 span {
  color: #595454;
  display: inline-block;
  position: relative;
}

.engTtl02 span::first-letter {
  color: #1a1a3c;
}

.engTtl02 span:after {
  content: "";
  width: 1px;
  height: 85px;
  background: #595454;
  display: block;
  position: absolute;
}

@media screen and (max-width: 821px) {
  .engTtl02 span:after {
    height: 55px;
  }
}
.engTtl02 span:nth-child(1) {
  margin-right: 55px;
}

.engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 140px;
}

@media screen and (max-width: 821px) {
  .engTtl02 span:nth-child(1):after {
    left: 105px;
    top: 14px;
  }
}
.engTtl02 span:nth-child(2) {
  top: 10px;
}

.engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -27px;
}

@media screen and (max-width: 821px) {
  .engTtl02 span:nth-child(2):after {
    left: -29px;
    top: 4px;
  }
}
.ttlCommon-b {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 280px;
}

@media screen and (max-width: 821px) {
  .ttlCommon-b {
    width: 90%;
    padding-top: 0;
  }
}
.ttlCommon-b h2,
.ttlCommon-b h3 {
  position: relative;
  z-index: 1;
  padding-left: 140px;
}

.ttlCommon-b h2:before,
.ttlCommon-b h3:before {
  content: "";
  width: 272px;
  position: absolute;
  display: block;
  height: 272px;
  background: url("images/ttl-bg01.png") no-repeat left center;
  z-index: -1;
  left: 0;
  top: -180px;
  z-index: -1;
}

.ttlCommon-c {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .ttlCommon-c {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .ttlCommon-c span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.ttlCommon-c .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.ttlCommon-c .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.ttlCommon-c .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .ttlCommon-c .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .ttlCommon-c .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.ttlBg01 h2:after,
.ttlBg01 h3:after,
.ttlBg01:after,
.ttlBg01:before {
  background: #9b9f33;
}

.ttlBg01 h2:before,
.ttlBg01 h3:before {
  background: url("images/ttl-bg01.png") no-repeat left center;
}

.ttlBg-back {
  position: absolute;
  right: 0;
  z-index: 1;
}

.ttlBg-back span {
  position: absolute;
  width: 1px;
  height: 240px;
  display: block;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span {
    height: 78px;
  }
}
.ttlBg-back span:nth-child(1) {
  bottom: -35px;
  right: 20px;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span:nth-child(1) {
    bottom: 119px;
    right: 8px;
  }
}
.ttlBg-back span:nth-child(2) {
  bottom: 65px;
  right: 10px;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span:nth-child(2) {
    bottom: 151px;
    right: 4px;
  }
}
.ttlBg-back span:nth-child(3) {
  bottom: 5px;
  right: 0;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span:nth-child(3) {
    bottom: 131px;
    right: 0;
  }
}
.ttlBg-back01 span {
  background: #9b9f33;
}

.fourstyleBoxNew {
  position: relative;
}

.fourstyleBoxNew:after,
.fourstyleBoxNew:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 101%;
  z-index: 0;
}

.fourstyleBoxNew:before {
  left: 0;
  top: -5px;
  background: #ebf3f9;
  background: linear-gradient(to right, #ebf3f9 0%, #f7fbf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebf3f9",endColorstr="#f7fbf0",GradientType=1);
}

.fourstyleBoxNew:after {
  right: 0;
  top: 70px;
  background: #ebf3f9;
  background: linear-gradient(to right, #fcf5e6 50%, #faf0ef 77%, #f7e9ec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcf5e6",endColorstr="#f7e9ec",GradientType=1);
}

@media screen and (max-width: 821px) {
  .fourstyleBoxNew:after {
    top: 20px;
  }
}
.fourstyleBoxNew .largeWrapp {
  background: url("images/fashion-style-img.png") no-repeat left top;
  background-size: 100% 100%;
}

.fourstyleBoxNew .fourstyle-backgroundImg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}

.fourstyleBoxNew .line {
  position: absolute;
  left: 0;
  width: 100%;
}

.fourstyleBoxNew .line .box {
  float: left;
  z-index: 1;
  height: auto;
  width: 50%;
}

.fourstyleBoxNew .line .box img {
  float: left;
  width: 38%;
  height: auto;
  border-radius: 6px;
  box-shadow: -4px 4px 0 rgba(226, 226, 226, 0.8);
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: 0.5s;
}

.fourstyleBoxNew .line .box img:focus,
.fourstyleBoxNew .line .box img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.fourstyleBoxNew .line .box .fasion-img01,
.fourstyleBoxNew .line .box .fasion-img05 {
  margin-left: 14%;
  margin-right: 4%;
}

.fourstyleBoxNew .line .box .fasion-img03,
.fourstyleBoxNew .line .box .fasion-img07 {
  margin-right: 4%;
  margin-left: 8%;
}

.fourstyleBoxNew .line01 {
  top: 16%;
}

.fourstyleBoxNew .line02 {
  bottom: 16%;
}

.fourStyleBoxNew02 {
  position: relative;
}

.fourStyleBoxNew02 .lineBoxWrapp {
  position: relative;
}

.fourStyleBoxNew02 .backGroundImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  width: 1110px;
}

.fourStyleBoxNew02 .backGroundImg img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1400px) {
  .fourStyleBoxNew02 .backGroundImg {
    top: 50%;
  }
}
@media screen and (max-width: 1165px) {
  .fourStyleBoxNew02 .backGroundImg {
    width: 92%;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .backGroundImg {
    width: 100%;
    top: 50%;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .fourStyleBoxNew02 .backGroundImg {
    top: 48%;
  }
}
.fourStyleBoxNew02 .largeWrapp {
  position: relative;
}

.fourStyleBoxNew02 .leftBox,
.fourStyleBoxNew02 .rightBox {
  width: 50%;
  position: relative;
}

/* .fourStyleBoxNew02 .leftBox:after {
    content: "";
    position: absolute;
    left: 0;
    width: 72%;
    z-index: 0;
    display: block;
    height: 100%;
    background: -webkit-gradient(linear,left top,right top,from(rgba(210,233,255,0)),color-stop(1%,rgba(210,233,255,.01)),to(#d2e9ff));
    background: linear-gradient(to right,rgba(210,233,255,0) 0%,rgba(210,233,255,.01) 1%,#d2e9ff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d2e9ff',endColorstr='#d2e9ff',GradientType=1);
}
@media screen and (max-width:1165px) {
    .fourStyleBoxNew02 .leftBox:after {
        width: 56%;
    }
} */
.fourStyleBoxNew02 .leftBox {
  left: 0;
}

.fourStyleBoxNew02 .rightBox {
  right: 0;
}

.fourStyleBoxNew02 .lineBox01,
.fourStyleBoxNew02 .lineBox02 {
  float: right;
}

.fourStyleBoxNew02 .lineBox03,
.fourStyleBoxNew02 .lineBox04 {
  float: left;
}

.fourStyleBoxNew02 .lineBox {
  width: 23%;
  position: relative;
  text-align: center;
  padding-left: 2%;
  padding-right: 2%;
  box-sizing: content-box;
  padding-top: 150px;
  padding-bottom: 210px;
  z-index: 1;
}

@media screen and (max-width: 1700px) {
  .fourStyleBoxNew02 .lineBox {
    padding-top: 150px;
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 1400px) {
  .fourStyleBoxNew02 .lineBox {
    padding-top: 220px;
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 1165px) {
  .fourStyleBoxNew02 .lineBox {
    width: 39%;
    padding-top: 150px;
    padding-bottom: 210px;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.fourStyleBoxNew02 .lineBox .lineInrBox {
  position: relative;
  width: 100%;
  text-align: center;
}

.fourStyleBoxNew02 .lineBox img {
  display: block;
  width: 95%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  box-shadow: -4px 4px 0 rgba(226, 226, 226, 0.8);
  border-radius: 10px;
}

.fourStyleBoxNew02 .lineBox .topImg {
  margin-bottom: 140px;
}

@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox .topImg {
    margin-bottom: 30px;
  }
}
.fourStyleBoxNew02 .lineBox .categoryTtl {
  margin-bottom: 40px;
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width: 1165px) {
  .fourStyleBoxNew02 .lineBox .categoryTtl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox .categoryTtl {
    font-size: 1.1rem;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 813px) {
  .fourStyleBoxNew02 .lineBox .twoLineFontBr {
    display: none;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox .twoLineFont {
    margin-bottom: 0;
  }
}
.fourStyleBoxNew02 .lineBox img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: 0.5s;
}

.fourStyleBoxNew02 .lineBox img:focus,
.fourStyleBoxNew02 .lineBox img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.fourStyleBoxNew02 .lineBox01 .lineInrBox {
  float: right;
}

.fourStyleBoxNew02 .lineBox01 .categoryTtl {
  color: #0c2160;
}

.fourStyleBoxNew02 .lineBox02 .categoryTtl {
  color: #32413e;
}

.fourStyleBoxNew02 .lineBox03 .categoryTtl {
  color: #fa9600;
}

.fourStyleBoxNew02 .lineBox04 .lineInrBox {
  float: left;
}

.fourStyleBoxNew02 .lineBox04 .categoryTtl {
  color: #f1667b;
}

.liquid {
  display: -moz-inline-block;
  display: -webkit-inline-box;
  display: inline-block;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.liquid:after {
  content: "";
  float: left;
  display: block;
}

.borderBox {
  border: 1px solid #595454;
  border-top: none;
  position: relative;
}

.borderBox .borderBoxTtl {
  position: relative;
  top: -60px;
  margin-bottom: 0;
}

.borderBox .borderBoxTtl:after,
.borderBox .borderBoxTtl:before {
  content: "";
  position: absolute;
  width: 34%;
  height: 1px;
  background: #595454;
  display: block;
  top: 60px;
}

.borderBox .borderBoxTtl:before {
  left: 0;
}

.borderBox .borderBoxTtl:after {
  right: 0;
}

@media screen and (max-width: 821px) {
  .borderBox .borderBoxTtl {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .borderBox .borderBoxTtl span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.borderBox .borderBoxTtl .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.borderBox .borderBoxTtl .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.borderBox .borderBoxTtl .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .borderBox .borderBoxTtl .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .borderBox .borderBoxTtl .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.borderBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
  line-height: 1;
  padding-top: 20px;
}

@media screen and (max-width: 821px) {
  .borderBox h4 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .borderBox h4 span {
    font-size: 1.2rem;
    text-align: center;
    color: #595454;
  }
}
.borderBox h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.borderBox h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.borderBox h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .borderBox h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .borderBox h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.listTitle {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 2.1rem;
}

.campaignListBox {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-top: 300px;
}

@media screen and (max-width: 821px) {
  .campaignListBox {
    padding-top: 90px;
  }
}
.campaignListBox .topBox {
  margin-bottom: 195px;
}

@media screen and (max-width: 821px) {
  .campaignListBox .topBox {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 821px) {
  .campaignListBox .ttlBg-back {
    top: 90px;
  }
}
.campaignListBox .listCon {
  width: 260px;
  float: left;
  margin-left: 15px;
  margin-bottom: 70px;
  height: 474px;
}

@media screen and (max-width: 821px) {
  .campaignListBox .listCon {
    width: 95%;
    float: none;
    margin: 0 auto 50px;
    height: auto;
  }
}
.campaignListBox .listCon .thumbnailBox {
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 813px) {
  .campaignListBox .listCon .thumbnailBox {
    min-height: 260px;
    min-width: 260px;
  }
}
.campaignListBox .listCon .thumbnailBox .thumbnail {
  display: block;
  position: relative;
  width: 100%;
}

.campaignListBox .listCon .thumbnailBox .thumbnail .thumbnailLink {
  width: 100%;
}

.campaignListBox .listCon .thumbnailBox .thumbnail .thumbnailLink:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.campaignListBox .listCon .thumbnailBox .thumbnail .thumbnailLink img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.campaignListBox .listCon .thumbnailBox .trimming {
  width: 100%;
}

.campaignListBox .listCon .thumbnailBox .trimming img {
  width: 100%;
  height: auto;
}

.campaignListBox .listCon .ttlBox h4,
.campaignListBox .listCon .ttlBox h5 {
  font-size: 1.8rem;
  line-height: 1.8;
  max-height: 90px;
  overflow: hidden;
  margin-bottom: 15px;
}

.campaignListBox .listCon .ttlBox h4 a,
.campaignListBox .listCon .ttlBox h5 a {
  font-size: 1.6rem;
}

.campaignListBox .listCon .leadTxtBox p {
  height: 75px;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 821px) {
  .campaignListBox .listCon .leadTxtBox p {
    max-height: 75px;
    height: auto;
  }
}
.campaignListBox .pagenaviarea {
  text-align: center;
  margin-bottom: 50px;
}

.campaignListBox .pagenaviarea .page-numbers {
  border: 1px solid #ff7e71;
  padding: 10px 5px;
  margin: 0 5px;
  color: #fff;
  background: #ff7e71;
  border-radius: 3px;
  transition: 0.5s;
}

.campaignListBox .pagenaviarea .page-numbers:focus,
.campaignListBox .pagenaviarea .page-numbers:hover {
  border: 1px solid #3f3f3f;
  background: #3f3f3f;
  color: #fff;
  transition: 0.3s;
}

.campaignListBox .pagenaviarea .current {
  border: 1px solid #ccc;
  background: #ccc;
}

.campaignListBox .pagenaviarea .current:focus,
.campaignListBox .pagenaviarea .current:hover {
  border: 1px solid #ccc;
  background: #ccc;
  color: #fff;
}

.campaignListBox .oldBlogBtnWrapp img {
  width: 100%;
  height: auto;
  transition: 0.5s;
  opacity: 1;
}

.campaignListBox .oldBlogBtnWrapp img:focus,
.campaignListBox .oldBlogBtnWrapp img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.knowledge {
  padding-top: 50px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .knowledge {
    padding-bottom: 0;
  }
}
.knowledge * {
  padding-bottom: 0;
}

.knowledge .columnListWrapp {
  width: 928px;
}

.knowledge .columnListWrapp .columnListCon {
  width: 444px;
  height: auto;
  background: url("images/knowledge-bg.png") no-repeat left top;
  float: left;
  position: relative;
  background-size: 100% 100%;
  padding: 38px 54px;
  box-sizing: border-box;
  filter: drop-shadow(1px 1px 0 rgba(230, 230, 230, 0));
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .knowledge .columnListWrapp .columnListCon {
    padding: 4%;
  }
}
.knowledge .columnListWrapp .columnListCon:nth-child(2n) {
  margin-left: 40px;
}

.knowledge .columnListWrapp .columnListCon .dateBox {
  float: right;
}

.knowledge .columnListWrapp .columnListCon .dateBox p {
  color: #9b9f33;
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox {
  width: 337px;
  height: 337px;
  margin: 0 auto;
  padding: 0;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail {
  display: block;
  position: relative;
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail .thumbnailLink {
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail .thumbnailLink:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail .thumbnailLink img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .trimming {
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .trimming img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1630px) {
  .knowledge .columnListWrapp .columnListCon .thumbnailBox {
    width: 100%;
    height: auto;
  }
}
.knowledge .columnListWrapp .columnListCon .catBox {
  width: 100%;
  margin: 22px auto;
}

.knowledge .columnListWrapp .columnListCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555;
}

.knowledge .columnListWrapp .columnListCon .ttlBox {
  height: 76px;
  overflow: hidden;
  margin-left: 55px;
  margin-right: 0;
  width: 82%;
  margin-bottom: 10px;
}

.knowledge .columnListWrapp .columnListCon .ttlBox h4 {
  color: #555;
  font-size: 1.6rem;
  line-height: 20px;
}

@media screen and (max-width: 1630px) {
  .knowledge .columnListWrapp {
    width: 75%;
    margin: 0 auto;
  }
  .knowledge .columnListWrapp .dateBox {
    width: 100% !important;
    text-align: right;
  }
  .knowledge .columnListWrapp .columnListCon {
    width: 48%;
    height: auto;
    background-size: 100% 100%;
  }
  .knowledge .columnListWrapp .columnListCon:nth-child(2n) {
    margin-left: 4%;
  }
  .knowledge .columnListWrapp .columnListCon .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 821px) {
  .knowledge .columnListWrapp {
    width: 90%;
  }
  .knowledge .columnListWrapp .columnListCon .catBox {
    width: 100%;
    margin: 7px auto;
    line-height: 1;
  }
  .knowledge .columnListWrapp .columnListCon .catBox a {
    font-size: 1rem;
    line-height: 1;
  }
  .knowledge .columnListWrapp .columnListCon .ttlBox {
    margin-left: 10%;
  }
  .knowledge .columnListWrapp .columnListCon .ttlBox h4 {
    font-size: 1rem;
    line-height: 1.2;
  }
  .knowledge .columnListWrapp .columnListCon .dateBox .dateBoxIn p {
    font-size: 1rem;
  }
}
.knowledge .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .knowledge .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.knowledge .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .knowledge .btn p {
    background-position-x: 90%;
  }
}
.blogBox .blogListCon {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .blogBox .blogListCon {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.blogBox .blogListCon .thumbnailBox {
  width: 28%;
  position: relative;
  float: left;
}

.blogBox .blogListCon .thumbnailBox .thumbnail {
  display: block;
  position: relative;
  width: 100%;
}

.blogBox .blogListCon .thumbnailBox .thumbnail .thumbnailLink {
  width: 100%;
}

.blogBox .blogListCon .thumbnailBox .thumbnail .thumbnailLink:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.blogBox .blogListCon .thumbnailBox .thumbnail .thumbnailLink img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blogBox .blogListCon .thumbnailBox .trimming {
  width: 100%;
}

.blogBox .blogListCon .thumbnailBox .trimming img {
  width: 100%;
  height: auto;
}

.blogBox .blogListCon .txtBox {
  width: 70%;
}

.blogBox .blogListCon .txtBox .date {
  font-size: 1.2rem;
}

.blogBox .blogListCon .txtBox h5 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
}

.blogBox .blogListCon .txtBox h5 a {
  font-weight: 700;
  height: 25px;
  overflow: hidden;
  display: block;
}

.blogBox .blogListCon .txtBox .leadTxt {
  font-size: 1.4rem;
  overflow: hidden;
  height: 70px;
}

.blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .blogBox .btn p {
    background-position-x: 90%;
  }
}
.home #header {
  height: 989px;
  background: url("images/eyecatch-top.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.home #header .logoBox .logo p {
  color: #cecece;
}

.home #header .logoBox .logo p:before {
  background: #b0b0b0;
}

@media screen and (max-width: 961px) {
  .home #header {
    background: url("images/sp-eyecatch-top.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
#header {
  position: relative;
  background: url("images/eyecatch-top.jpg") no-repeat left top;
  background-size: 100% auto;
  height: 989px;
  display: block;
  background-size: cover;
  background-position: right;
}

#header .btnTrigger {
  z-index: 9999;
}

@media screen and (min-width: 961px) {
  #header .btnTrigger {
    display: none !important;
  }
}
#header .gNavSP {
  display: none;
  border-top: 1px solid #de6e5d;
  z-index: 9999;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  padding-top: 40px;
}

#header .gNavSP .logoBack {
  width: 100%;
  background: #333;
  display: block;
  height: 40px;
  position: absolute;
  top: 0;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}

#header .gNavSP .topPageLink {
  width: calc(50% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  background: none;
}

#header .gNavSP .topPageLink img {
  width: 80%;
  height: auto;
}

#header .gNavSP a {
  width: 50%;
  line-height: 35px;
  display: block;
  float: left;
  background: #1a1a3c;
  border-bottom: 1px solid #de6e5d;
  border-right: 1px solid #de6e5d;
  box-sizing: border-box;
}

#header .gNavSP a li {
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 35px;
}

#header .gNavSP a:focus,
#header .gNavSP a:hover {
  background: #000;
}

#header .gNavSP .doubleLine li {
  line-height: 1.1;
  padding-top: 4px;
  padding-bottom: 5px;
}

#header .gNavSP .topPageLink {
  border: none;
}

#header .gNavSP .navTtl {
  width: 100%;
  background: #1b1b1b;
  border-top: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
}

#header .gNavSP .parentsMenu {
  width: 50%;
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 35px;
  position: relative;
  background: #1a1a3c;
  border-bottom: 1px solid #de6e5d;
  border-right: 1px solid #de6e5d;
  position: relative;
  left: -1px;
}

#header .gNavSP .parentsMenu .childMenu {
  position: absolute;
  width: calc(200% + 1px);
  opacity: 0;
  transition: 0.5s;
  pointer-events: none;
  top: 0;
  z-index: -1;
  left: -1px;
  border-left: 1px solid #844c5f;
}

#header .gNavSP .parentsMenu .childMenu a {
  width: 50%;
  position: relative;
  line-height: 35px;
  display: block;
  float: left;
  background: #805262;
  border-bottom: 1px solid #6d3f4f;
  border-right: 1px solid #6d3f4f;
  border-top: 1px solid #6d3f4f;
  pointer-events: none;
  box-sizing: border-box;
  transition: 0.5s;
}

#header .gNavSP .parentsMenu .childMenu a:focus,
#header .gNavSP .parentsMenu .childMenu a:hover {
  transition: 0.3s;
  background: #a56e81;
}

#header .gNavSP .parentsMenu .childMenu a li {
  pointer-events: none;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 35px;
}

#header .gNavSP .parentsMenu .childMenu02,
#header .gNavSP .parentsMenu .childMenu04 {
  left: calc(-100% - 2px);
}

#header .gNavSP .parentsMenu:focus .childMenu,
#header .gNavSP .parentsMenu:hover .childMenu {
  pointer-events: auto;
  top: 35px;
  opacity: 1;
  transition: 0.3s;
  z-index: 9999;
}

#header .gNavSP .parentsMenu:focus .childMenu a,
#header .gNavSP .parentsMenu:focus .childMenu li,
#header .gNavSP .parentsMenu:hover .childMenu a,
#header .gNavSP .parentsMenu:hover .childMenu li {
  pointer-events: auto;
}

#header .gNavSP .qrBox {
  position: absolute;
  top: 0;
  background: none;
  width: calc(100% + 2px);
  display: block;
  left: -1px;
  padding-left: 2%;
}

#header .gNavSP .qrBox .leftBox {
  right: 115px;
  width: 30px;
  height: auto;
  border: none;
  background: none;
  position: absolute;
}

#header .gNavSP .qrBox .leftBox img {
  width: 30px;
  height: auto;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 5px;
}

#header .gNavSP .qrBox .rightBox {
  right: 60px;
  position: absolute;
  margin-left: 20px;
  width: auto;
  height: 35px;
  border: none;
  background: none;
}

#header .gNavSP .qrBox .rightBox img {
  width: auto;
  height: 30px;
  background: #fff;
  border: 5px solid #fff;
  border-left: 8px solid #fff;
  border-right: 8px solid #fff;
  border-radius: 5px;
}

@media screen and (max-width: 960px) {
  #header .btnTrigger {
    width: 30px;
    height: 25px;
    position: fixed;
    z-index: 10000;
    top: 31px;
    right: 15px;
  }
  #header .btnTrigger,
#header .btnTrigger .bottom,
#header .btnTrigger .top {
    display: block;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    box-sizing: border-box;
    animation: all 0.4s;
    -webkit-animation: all 0.4s;
  }
  #header .btnTrigger .bottom,
#header .btnTrigger .center,
#header .btnTrigger .top {
    height: 3px;
    background: #333;
    position: absolute;
  }
  #header .btnTrigger .top {
    width: 23px;
    transform: translateY(0) rotate(0deg);
    top: 0;
  }
  #header .btnTrigger .center {
    width: 16px;
    top: 8px;
    transform: translateY(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
    background: #fd7f6f;
    transition: 0.4s;
  }
  #header .btnTrigger .bottom {
    width: 8px;
    transform: translateY(0) rotate(0deg);
    top: 16px;
  }
  #header .btnTrigger.active {
    top: 10px;
    right: 10px;
  }
  #header .btnTrigger.active .bottom,
#header .btnTrigger.active .top {
    background: #fff;
  }
  #header .btnTrigger.active .top {
    width: 30px;
    top: -10px;
    transform: translateY(20px) rotate(-45deg);
  }
  #header .btnTrigger.active .bottom {
    top: 30px;
    transform: translateY(-20px) rotate(45deg);
    width: 30px;
  }
  #header .btnTrigger.active .center {
    transform: translateY(-20px) rotate(0deg);
    transform: translateX(20px) rotate(0deg);
    opacity: 0;
    background: rgba(255, 255, 255, 0);
    transition: 0.4s;
    width: 30px;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 821px) {
  #header .maxWrapp {
    width: 81%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  #header {
    height: 340px;
    background-size: cover;
  }
  #header .maxWrapp {
    width: 95%;
    margin: 0 auto;
  }
}
#header * {
  color: #676767;
}

#header .inrBox01 .topTxt {
  padding-top: 28px;
  line-height: 1.5rem;
  font-size: 1.4rem;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .topTxt {
    font-size: 0.9rem;
    line-height: 15px;
    padding-top: 25px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  #header .inrBox01 .topTxt {
    padding-top: 8px;
  }
}
#header .inrBox01 .logoBox {
  position: absolute;
  top: 203px;
}

@media screen and (min-width: 813px) {
  #header .inrBox01 .logoBox {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox {
    width: 35%;
    left: 0;
    top: 103px;
  }
}
#header .inrBox01 .logoBox .logo {
  left: -14px;
  position: absolute;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox .logo {
    width: 100%;
    left: 0;
  }
}
#header .inrBox01 .logoBox .logo img {
  display: block;
  margin-bottom: 25px;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox .logo img {
    width: 100%;
    height: auto;
    left: -3%;
    position: relative;
    margin-bottom: 10px;
  }
}
#header .inrBox01 .logoBox .logo h2,
#header .inrBox01 .logoBox .logo p {
  font-size: 1.4rem;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox .logo h2,
#header .inrBox01 .logoBox .logo p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 813px) {
  #header .inrBox01 .logoBox .logo h2:before,
#header .inrBox01 .logoBox .logo p:before {
    content: "";
    width: 86px;
    height: 1px;
    display: block;
    float: left;
    background: #b0b0b0;
    margin-right: 20px;
    margin-left: 27px;
    margin-top: 10px;
  }
}
#header .inrBox01 .gNav01 {
  top: 470px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#header .inrBox01 .gNav01 li {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  float: left;
  position: relative;
  margin-right: 39px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
  }
}
#header .inrBox01 .gNav01 li a {
  color: #1a1a3c;
  font-size: 1.8rem;
}

#header .inrBox01 .gNav01 li a span {
  color: #1a1a3c;
  font-size: 1.2rem;
  position: relative;
}

#header .inrBox01 .gNav01 li a,
#header .inrBox01 .gNav01 li a span {
  transition: 0.5s;
}

#header .inrBox01 .gNav01 li:after {
  content: "";
  width: 1px;
  background: #1a1a3c;
  display: block;
  position: absolute;
  transition: 0.5s;
  left: 13px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:after {
    left: 16px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(1) {
  height: 145px;
}

#header .inrBox01 .gNav01 li:nth-child(1):after {
  top: 134px;
  height: 160px;
}

#header .inrBox01 .gNav01 li:nth-child(1) a span {
  top: 191px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(1) a span {
    top: auto;
    left: 191px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(2) {
  height: 126px;
}

#header .inrBox01 .gNav01 li:nth-child(2):after {
  top: 114px;
  height: 169px;
}

#header .inrBox01 .gNav01 li:nth-child(2) a span {
  top: 210px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(2) a span {
    top: auto;
    left: 210px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(3) {
  height: 190px;
}

#header .inrBox01 .gNav01 li:nth-child(3):after {
  top: 150px;
  height: 115px;
}

#header .inrBox01 .gNav01 li:nth-child(3) a span {
  top: 146px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(3) a span {
    top: auto;
    left: 146px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(4) {
  height: 157px;
}

#header .inrBox01 .gNav01 li:nth-child(4):after {
  top: 134px;
  height: 146px;
}

#header .inrBox01 .gNav01 li:nth-child(4) a span {
  top: 180px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(4) a span {
    top: auto;
    left: 180px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(5) {
  height: 86px;
}

#header .inrBox01 .gNav01 li:nth-child(5):after {
  top: 76px;
  height: 207px;
}

#header .inrBox01 .gNav01 li:nth-child(5) a span {
  top: 252px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(5) a span {
    top: auto;
    left: 252px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(6) {
  height: 86px;
}

#header .inrBox01 .gNav01 li:nth-child(6):after {
  top: 76px;
  height: 207px;
}

#header .inrBox01 .gNav01 li:nth-child(6) a span {
  top: 250px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(6) a span {
    top: auto;
    left: 250px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(7) {
  height: 183px;
}

#header .inrBox01 .gNav01 li:nth-child(7):after {
  top: 150px;
  height: 117px;
}

#header .inrBox01 .gNav01 li:nth-child(7) a span {
  top: 161px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(7) a span {
    top: auto;
    left: 161px;
  }
}
#header .inrBox01 .gNav01 li:focus,
#header .inrBox01 .gNav01 li:focus a,
#header .inrBox01 .gNav01 li:focus span,
#header .inrBox01 .gNav01 li:hover,
#header .inrBox01 .gNav01 li:hover a,
#header .inrBox01 .gNav01 li:hover span {
  color: #4f4f8f;
  transition: 0.3s;
}

#header .inrBox01 .gNav01 li:focus:after,
#header .inrBox01 .gNav01 li:hover:after {
  background: #4f4f8f;
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .pcMenu {
    display: none;
  }
}
#header .inrBox02.isFlow {
  display: none;
  background: #333333;
  height: 60px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  box-sizing: border-box;
  padding-top: 5px;
}

@media screen and (max-width: 821px) {
  #header .inrBox02.isFlow {
    display: none !important;
  }
}
#header .inrBox02.isFlow .logoBox02 {
  float: left;
  width: 200px;
  margin-top: 6px;
}

#header .inrBox02.isFlow .logoBox02 img {
  width: 100%;
  height: auto;
}

#header .inrBox02.isFlow .gNav02 {
  float: right;
  height: 50px;
}

@media (980px <= width < 1150px) {
  #header .inrBox02.isFlow .gNav02 {
    font-size: 14px;
  }
}
@media (900px <= width < 980px) {
  #header .inrBox02.isFlow .gNav02 {
    font-size: 12px;
  }
}
@media (812px <= width < 900px) {
  #header .inrBox02.isFlow .gNav02 {
    font-size: 10px;
  }
}
#header .inrBox02.isFlow .gNav02 .parent_menu {
  float: left;
  position: relative;
  margin-right: 15px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .noLink,
#header .inrBox02.isFlow .gNav02 .parent_menu a {
  color: #fff;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .noLink span,
#header .inrBox02.isFlow .gNav02 .parent_menu a span {
  position: absolute;
  bottom: 0;
}

#header .inrBox02.isFlow .gNav02 .parent_menu {
  position: relative;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .noLink,
#header .inrBox02.isFlow .gNav02 .parent_menu > a {
  height: 55px;
  line-height: 55px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 0;
  transition: 0.5s;
  width: 250px;
  left: 50%;
  transform: translate(-50%, 0%);
}

#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu .child_menu_link li,
#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu .clild_menu_nolink {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #333333;
  text-align: center;
  border-top: 1px solid #2a2929;
  transition: 0.5s;
  color: #fff;
}

#header .inrBox02.isFlow .gNav02 .parent_menu:focus,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}

#header .inrBox02.isFlow .gNav02 .parent_menu:focus .child_menu,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover .child_menu {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 55px;
  transition: 0.3s;
  width: 250px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu:focus .child_menu .child_menu_link li:hover,
#header .inrBox02.isFlow .gNav02 .parent_menu:focus .child_menu .clild_menu_nolink:hover,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover .child_menu .child_menu_link li:hover,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover .child_menu .clild_menu_nolink:hover {
  transition: 0.3s;
  background: #333333;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .noLink,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink > a {
  height: 55px;
  line-height: 55px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  width: 250px;
  left: 50%;
  transform: translate(-50%, 0%);
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu .grandson_menu_link li {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #333333;
  text-align: center;
  border-top: 1px solid #2a2929;
  transition: 0.5s;
  color: #fff;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu .grandson_menu_link li:hover {
  transition: 0.3s;
  background: #3f3f3f;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu01 {
  top: 0;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu02 {
  top: 53px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu03 {
  top: 106px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu04 {
  top: 159px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:focus,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:focus .grandson_menu,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:hover .grandson_menu {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: 0.3s;
  width: 250px;
  left: calc(100% + 125px);
  border-left: 1px solid #2a2929;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:focus .grandson_menu .grandson_menu_link li:hover,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:hover .grandson_menu .grandson_menu_link li:hover {
  transition: 0.3s;
  background: #3f3f3f;
}

#header .inrBox02.isFlow .qrBox .leftBox,
#header .inrBox02.isFlow .qrBox .rightBox {
  height: 60px;
}

#header .inrBox02.isFlow .qrBox img {
  float: left;
  width: auto;
  height: auto;
  margin-right: 15px;
  max-height: 50px;
}

#header .scroll {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  bottom: -19px;
  height: 60px;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-animation: Floating 1s ease-in-out infinite alternate;
  animation: Floating 1s ease-in-out infinite alternate;
}

@media all and (-ms-high-contrast: none) {
  #header .scroll {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    left: 10%;
  }
}
#header .scroll p {
  position: absolute;
  color: #1a1a3c;
  font-size: 1.2rem;
  left: 0;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  #header .scroll p {
    font-size: 0.9rem;
  }
}
#header .scroll:after {
  content: "";
  width: 1px;
  background: #1a1a3c;
  display: block;
  position: absolute;
  transition: 0.5s;
  left: 9px;
  top: 68px;
  height: 46px;
}

@media all and (-ms-high-contrast: none) {
  #header .scroll:after {
    left: 13px;
  }
}
@media screen and (max-width: 821px) {
  #header .scroll:after {
    left: 7px;
    top: 52px;
    height: 35px;
  }
}
@-webkit-keyframes Floating {
  0% {
    transform: translate(-50%, -10px);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, -10px);
    }
  }
  100% {
    transform: translate(-50%, 0);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, 0);
    }
  }
}
@keyframes Floating {
  0% {
    transform: translate(-50%, -10px);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, -10px);
    }
  }
  100% {
    transform: translate(-50%, 0);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, 0);
    }
  }
}
.fadein_animation {
  -webkit-animation-name: fadeAnima;
  animation-name: fadeAnima;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadeAnima {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(10px);
  }
}
@-webkit-keyframes fadeAnima {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(10px);
  }
}
.webcatalogBox {
  width: 560px;
  margin: 100px auto 0;
}

@media screen and (max-width: 821px) {
  .webcatalogBox {
    margin-top: 50px;
    width: 90%;
  }
}
.webcatalogBox img {
  width: 100%;
  height: auto;
}

.webcatalogBox .webcatalog-img {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  opacity: 1;
}

@media screen and (max-width: 821px) {
  .webcatalogBox .webcatalog-img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
}
.webcatalogBox .webcatalog-img:focus,
.webcatalogBox .webcatalog-img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.webcatalogBox .webcatalog-txt {
  margin-bottom: 40px;
}

.webcatalogBox .btn {
  margin-top: 50px;
  margin-bottom: 100px;
}

.webcatalogBox .btn p {
  width: 100%;
}

@media screen and (max-width: 821px) {
  .webcatalogBox .btn {
    margin-bottom: 50px;
  }
}
.webcatalog-ttl {
  margin-bottom: 40px;
}

#footer .footerFixed {
  display: none;
}

#footer .footerFixed02 {
  display: none;
}

#footer .sideFixMenu {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9999;
  transform: translateY(-50%);
}

@media screen and (max-width: 821px) {
  #footer .sideFixMenu {
    display: none !important;
  }
}
#footer .sideFixMenu,
#footer .sideFixMenu li {
  width: 55px;
}

#footer .sideFixMenu li {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 0px;
  transition: 0.5s;
}

#footer .sideFixMenu li img {
  margin-bottom: 5px;
}

#footer .sideFixMenu li span {
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 2rem;
}

@media all and (-ms-high-contrast: none) {
  #footer .sideFixMenu li span {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
  }
}
#footer .sideFixMenu li:focus,
#footer .sideFixMenu li:hover {
  opacity: 0.7;
  transition: 0.3s;
}

#footer .sideFixMenu .qrLink img {
  width: 100%;
  height: auto;
}

#footer .sideFixMenu .qrLink01 {
  padding-top: 0;
  padding-bottom: 0;
}

#footer .sideFixMenu .reservLink {
  background: #d3908f;
  margin-bottom: 10px;
}

#footer .sideFixMenu .requestLink {
  background: #9f3389;
}

#footer .topBtn {
  z-index: 9999;
  position: fixed;
  background: #333333;
  bottom: 10px;
  right: 80px;
  border-radius: 5px;
  width: 51px;
  height: 51px;
  padding-left: 8px;
  padding-top: 8px;
  box-sizing: border-box;
  opacity: 1;
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  #footer .topBtn {
    bottom: 85px;
    right: 2%;
  }
}
#footer .topBtn:hover {
  opacity: 0.7;
  transition: 0.3s;
}

#footer .footerContents {
  padding-top: 97px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents {
    padding-top: 57px;
  }
}
#footer .footerContents .inrBox01 .twoColumn {
  min-height: 345px;
  display: block;
}

#footer .footerContents .inrBox01 .twoColumn .leftBox {
  display: block;
  position: relative;
  margin-top: 25px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox {
    margin-top: 0;
    margin-left: 10%;
    float: none;
    width: 53%;
  }
}
#footer .footerContents .inrBox01 .twoColumn .leftBox:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox {
  width: 100%;
  position: absolute;
  top: 0;
  width: 356px;
  height: 356px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox {
    width: 100%;
    height: auto;
  }
  #footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    left: 80%;
    width: 100%;
  }
}
#footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .shopName {
  font-size: 3rem;
  color: #fff;
  line-height: 32px;
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .shopName {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 17px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .address {
  font-size: 1.6rem;
  color: #fff;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .address {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox {
    float: none;
    margin-top: 20px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox li {
  display: block;
  margin-bottom: 8px;
  line-height: 1;
}

#footer .footerContents .inrBox01 .twoColumn .rightBox li a {
  color: #b4b3ae;
  font-size: 1.4rem;
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox li a {
    font-size: 1.1rem;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox li a:focus,
#footer .footerContents .inrBox01 .twoColumn .rightBox li a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}

#footer .footerContents .inrBox01 .twoColumn .rightBox .secondLine {
  padding-left: 13px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .secondLine {
    padding-left: 5px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .parentsMenu {
  color: #797979;
  font-size: 1.3rem;
  transition: 0.5s;
  position: relative;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .parentsMenu {
    font-size: 1.1rem;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .parentsMenu .childMenu {
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  left: 0;
}

#footer .footerContents .inrBox01 .twoColumn .rightBox .thirdLine {
  padding-left: 28px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .thirdLine {
    padding-left: 10px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .leftLinkBox {
  float: left;
  width: 180px;
  margin-right: 50px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .leftLinkBox {
    width: 40%;
    margin-right: 0;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .centerLinkBox {
  width: 125px;
  margin-right: 50px;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .centerLinkBox {
    width: 30%;
    margin-right: 0;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .rightLinkBox {
  width: 135px;
  margin-right: 50px;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .rightLinkBox {
    width: 30%;
    margin-right: 0;
  }
}
#footer .footerContents .inrBox01 .copyRight p {
  color: #b4b3ae;
  font-size: 1.2rem;
  text-align: right;
  margin-bottom: 70px;
  margin-top: 30px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .copyRight p {
    font-size: 0.9rem;
  }
}
#footer .footerContents .inrBox02 {
  height: 80px;
  background: #f5cec2;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .twoColumn {
    width: 98%;
    padding: 4px 0;
  }
}
#footer .footerContents .inrBox02 .largeWrapp {
  padding-left: 75px;
  padding-right: 100px;
  box-sizing: border-box;
}

#footer .footerContents .inrBox02 .leftBox {
  float: left;
  padding-top: 21px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .leftBox {
    display: none;
  }
}
#footer .footerContents .inrBox02 .rightBox {
  float: right;
  padding-top: 14px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox {
    width: 98%;
    position: fixed;
    bottom: 10px;
    margin: 0 auto;
    left: 1%;
    right: 1%;
    z-index: 9999;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn {
  height: 56px;
  width: 295px;
  border-radius: 5px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn {
    width: 49%;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn .inrWrapp {
  margin: 0 auto;
}

#footer .footerContents .inrBox02 .rightBox .fotterBtn img {
  float: left;
  position: relative;
  left: 40px;
  top: 8px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn img {
    left: 3%;
    top: 13px;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn p {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 56px;
}

@media all and (-ms-high-contrast: none) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn p {
    line-height: 52px;
    padding-top: 4px;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn p {
    font-size: 1.4rem;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(1) {
  background: #9b9f33;
  margin-right: 14px;
  transition: 0.5s;
}

#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(1):hover {
  background: #abaf43;
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(1) {
    margin-right: 2%;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(2) {
  background: #1a1a3c;
  transition: 0.5s;
}

#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(2):hover {
  background: #af4199;
  transition: 0.3s;
}

.archive #header,
.category #header,
.error404 #header,
.page #header,
.single #header {
  height: 750px;
}

.archive #header .headerTxtArea,
.category #header .headerTxtArea,
.error404 #header .headerTxtArea,
.page #header .headerTxtArea,
.single #header .headerTxtArea {
  background: rgba(255, 178, 159, 0.9);
}

@media screen and (min-width: 813px) {
  .archive #header .headerTxtArea,
.category #header .headerTxtArea,
.error404 #header .headerTxtArea,
.page #header .headerTxtArea,
.single #header .headerTxtArea {
    position: absolute;
    left: 70%;
    top: 50%;
    right: auto;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    padding: 20px;
  }
}
@media screen and (max-width: 821px) {
  .archive #header .headerTxtArea,
.category #header .headerTxtArea,
.error404 #header .headerTxtArea,
.page #header .headerTxtArea,
.single #header .headerTxtArea {
    top: 210px;
    position: absolute;
    left: 2.5%;
    text-align: left;
    padding: 8px;
    max-width: 92%;
  }
}
.archive #header .headerTxtArea .PageTtl,
.category #header .headerTxtArea .PageTtl,
.error404 #header .headerTxtArea .PageTtl,
.page #header .headerTxtArea .PageTtl,
.single #header .headerTxtArea .PageTtl {
  font-size: 3.4rem;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .archive #header .headerTxtArea .PageTtl,
.category #header .headerTxtArea .PageTtl,
.error404 #header .headerTxtArea .PageTtl,
.page #header .headerTxtArea .PageTtl,
.single #header .headerTxtArea .PageTtl {
    font-size: 2.1rem;
    color: #fff;
    text-align: left;
  }
}
.archive #header .headerTxtArea .PageSubTtl,
.category #header .headerTxtArea .PageSubTtl,
.error404 #header .headerTxtArea .PageSubTtl,
.page #header .headerTxtArea .PageSubTtl,
.single #header .headerTxtArea .PageSubTtl {
  font-size: 1.8rem;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .archive #header .headerTxtArea .PageSubTtl,
.category #header .headerTxtArea .PageSubTtl,
.error404 #header .headerTxtArea .PageSubTtl,
.page #header .headerTxtArea .PageSubTtl,
.single #header .headerTxtArea .PageSubTtl {
    font-size: 1.4rem;
    color: #fff;
    text-align: left;
  }
}
.archive #header .inrBox01,
.category #header .inrBox01,
.error404 #header .inrBox01,
.page #header .inrBox01,
.single #header .inrBox01 {
  height: 750px;
}

@media screen and (max-width: 821px) {
  .archive #header,
.category #header,
.error404 #header,
.page #header,
.single #header {
    height: 340px;
  }
  .archive #header .inrBox01,
.category #header .inrBox01,
.error404 #header .inrBox01,
.page #header .inrBox01,
.single #header .inrBox01 {
    height: 340px;
  }
  .archive.date #header {
    height: 240px;
  }
  .single #header .inrBox01 {
    height: 240px;
  }
}
.archive .mainCon .inrBox,
.category .mainCon .inrBox,
.error404 .mainCon .inrBox,
.page .mainCon .inrBox,
.single .mainCon .inrBox {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

@media screen and (max-width: 821px) {
  .archive .mainCon .inrBox,
.category .mainCon .inrBox,
.error404 .mainCon .inrBox,
.page .mainCon .inrBox,
.single .mainCon .inrBox {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
.archive .mainCon .conBox01 .inrBox01,
.category .mainCon .conBox01 .inrBox01,
.error404 .mainCon .conBox01 .inrBox01,
.page .mainCon .conBox01 .inrBox01,
.single .mainCon .conBox01 .inrBox01 {
  padding-top: 0 !important;
}

.about #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .about #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    background-size: cover;
  }
}
.about #header .PageTtl {
  font-size: 3.4rem;
}

.about #header .PageSubTtl {
  font-size: 1.8rem;
}

.shopinfo #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.shopinfo #header .headerTxtArea .PageTtl {
  color: #fff;
}

.shopinfo #header .headerTxtArea .PageSubTtl {
  color: #fff;
}

.shopinfo #header .logoBox .logo p {
  color: #5d6445;
}

.shopinfo #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .shopinfo #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    background-size: cover;
  }
}
.faq #header {
  background: url("images/mv_reserve.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.rental #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.rental #header .logoBox .logo p {
  color: #5d6445;
}

.rental #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .rental #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    background-size: cover;
  }
}
.mamafurisode #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .mamafurisode #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    background-size: cover;
  }
}
.purchase #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.purchase #header .logoBox .logo p {
  color: #5d6445;
}

.purchase #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .purchase #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    background-size: cover;
  }
}
.first #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 1025px) {
  .first #header {
    background-position: -250px 0px !important;
  }
}
@media screen and (max-width: 821px) {
  .first #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
    background-position: right top !important;
  }
}
.flow #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  background-size: cover;
}

.flow #header .logoBox .logo p {
  color: #5d6445;
}

.flow #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .flow #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    background-size: cover;
  }
}
.photo #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .photo #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    background-size: cover;
  }
}
.collection #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.collection #header .logoBox .logo p {
  color: #5d6445;
}

.collection #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .collection #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.retro #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .retro #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.girly #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.girly #header .logoBox .logo p {
  color: #5d6445;
}

.girly #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .girly #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.classic #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .classic #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.cool #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .cool #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.studio #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 1025px) {
  .studio #header {
    background-position: -300px;
  }
}
@media screen and (max-width: 821px) {
  .studio #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
    background-position: right;
  }
}
.news #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .news #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.blog:not(.home) #header,
.category-blog #header,
.category-bloglist #header,
.category-sblog #header,
.singleWrappBlog #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .blog:not(.home) #header,
.category-blog #header,
.category-bloglist #header,
.category-sblog #header,
.singleWrappBlog #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.campaign #header,
.category-campaign #header,
.singleWrappCampaign #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .campaign #header,
.category-campaign #header,
.singleWrappCampaign #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 240px;
  }
}
.archive #header,
.category-column #header,
.column #header,
.singleWrappColumn #header {
  background: url("images/eyecatch-images04.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .archive #header,
.category-column #header,
.column #header,
.singleWrappColumn #header {
    background: url("images/sp-eyecatch-images04.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.reservelp #header,
.reserve #header,
.rsvthanks #header {
  background: url("images/eyecatch-images04.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .reservelp #header,
.reserve #header,
.rsvthanks #header {
    background: url("images/sp-eyecatch-images04.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.reqthanks #header,
.request #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .reqthanks #header,
.request #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.error404 #header {
  background: url("images/eyecatch-images04.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .error404 #header {
    background: url("images/sp-eyecatch-images04.jpg") no-repeat left top;
    background-size: cover;
  }
}
.archive p,
.category p,
.error404 p,
.page p,
.single p {
  color: #595454;
}

@media screen and (max-width: 821px) {
  .archive .topBox,
.category .topBox,
.error404 .topBox,
.page .topBox,
.single .topBox {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 821px) {
  .archive #header .topTxt,
.category #header .topTxt,
.error404 #header .topTxt,
.page #header .topTxt,
.single #header .topTxt {
    z-index: 1;
    position: relative;
  }
}
.archive #header .eyecatchImg,
.category #header .eyecatchImg,
.error404 #header .eyecatchImg,
.page #header .eyecatchImg,
.single #header .eyecatchImg {
  left: 50%;
  bottom: 0;
  position: absolute;
  height: 750px;
  overflow: hidden;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  width: 100%;
  max-width: 450px;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .archive #header .eyecatchImg,
.category #header .eyecatchImg,
.error404 #header .eyecatchImg,
.page #header .eyecatchImg,
.single #header .eyecatchImg {
    width: 65%;
    max-height: 340px;
    max-width: none;
    left: 70%;
    right: 0;
  }
}
.archive #header .eyecatchImg img,
.category #header .eyecatchImg img,
.error404 #header .eyecatchImg img,
.page #header .eyecatchImg img,
.single #header .eyecatchImg img {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: auto;
  left: 0;
  right: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 821px) {
  .archive #header .eyecatchImg img,
.category #header .eyecatchImg img,
.error404 #header .eyecatchImg img,
.page #header .eyecatchImg img,
.single #header .eyecatchImg img {
    height: 100%;
    width: auto;
  }
}
.archive #header .pankuzu,
.category #header .pankuzu,
.error404 #header .pankuzu,
.page #header .pankuzu,
.single #header .pankuzu {
  position: absolute;
  bottom: -35px;
  width: 1100px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

@media screen and (max-width: 821px) {
  .archive #header .pankuzu,
.category #header .pankuzu,
.error404 #header .pankuzu,
.page #header .pankuzu,
.single #header .pankuzu {
    width: 100%;
    height: auto;
  }
}
.archive #header .pankuzu ul,
.category #header .pankuzu ul,
.error404 #header .pankuzu ul,
.page #header .pankuzu ul,
.single #header .pankuzu ul {
  float: right;
}

.archive #header .pankuzu ul li,
.category #header .pankuzu ul li,
.error404 #header .pankuzu ul li,
.page #header .pankuzu ul li,
.single #header .pankuzu ul li {
  float: left;
  position: relative;
  margin-right: 10px;
}

.archive #header .pankuzu ul li,
.archive #header .pankuzu ul li a,
.archive #header .pankuzu ul li span,
.category #header .pankuzu ul li,
.category #header .pankuzu ul li a,
.category #header .pankuzu ul li span,
.error404 #header .pankuzu ul li,
.error404 #header .pankuzu ul li a,
.error404 #header .pankuzu ul li span,
.page #header .pankuzu ul li,
.page #header .pankuzu ul li a,
.page #header .pankuzu ul li span,
.single #header .pankuzu ul li,
.single #header .pankuzu ul li a,
.single #header .pankuzu ul li span {
  color: #595454;
  font-size: 1.2rem;
}

@media screen and (max-width: 821px) {
  .archive #header .pankuzu ul li,
.archive #header .pankuzu ul li a,
.archive #header .pankuzu ul li span,
.category #header .pankuzu ul li,
.category #header .pankuzu ul li a,
.category #header .pankuzu ul li span,
.error404 #header .pankuzu ul li,
.error404 #header .pankuzu ul li a,
.error404 #header .pankuzu ul li span,
.page #header .pankuzu ul li,
.page #header .pankuzu ul li a,
.page #header .pankuzu ul li span,
.single #header .pankuzu ul li,
.single #header .pankuzu ul li a,
.single #header .pankuzu ul li span {
    font-size: 1.1rem;
  }
}
.archive #header .pankuzu ul li a:after,
.category #header .pankuzu ul li a:after,
.error404 #header .pankuzu ul li a:after,
.page #header .pankuzu ul li a:after,
.single #header .pankuzu ul li a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 23px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
  width: 100%;
}

@media screen and (max-width: 821px) {
  .archive #header .pankuzu ul li a:after,
.category #header .pankuzu ul li a:after,
.error404 #header .pankuzu ul li a:after,
.page #header .pankuzu ul li a:after,
.single #header .pankuzu ul li a:after {
    top: 17px;
  }
}
.archive #header .inrBox01 .gNav01,
.category #header .inrBox01 .gNav01,
.error404 #header .inrBox01 .gNav01,
.page #header .inrBox01 .gNav01,
.single #header .inrBox01 .gNav01 {
  top: 360px;
  position: absolute;
  left: 183px;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

.archive #header .logoBox,
.category #header .logoBox,
.error404 #header .logoBox,
.page #header .logoBox,
.single #header .logoBox {
  left: 163px;
  top: 187px;
  position: absolute;
  transform: none;
  z-index: 1;
}

.archive #header .logoBox .logo,
.category #header .logoBox .logo,
.error404 #header .logoBox .logo,
.page #header .logoBox .logo,
.single #header .logoBox .logo {
  left: 0;
}

@media screen and (max-width: 821px) {
  .archive #header .logoBox,
.category #header .logoBox,
.error404 #header .logoBox,
.page #header .logoBox,
.single #header .logoBox {
    left: 0;
    top: 75px;
    position: absolute;
    transform: none;
    z-index: 1;
  }
}
@media screen and (max-width: 1600px) {
  .archive #header .inrBox01 .gNav01,
.archive #header .logoBox,
.category #header .inrBox01 .gNav01,
.category #header .logoBox,
.error404 #header .inrBox01 .gNav01,
.error404 #header .logoBox,
.page #header .inrBox01 .gNav01,
.page #header .logoBox,
.single #header .inrBox01 .gNav01,
.single #header .logoBox {
    left: 5%;
  }
}
@media screen and (max-width: 1335px) {
  .archive #header .inrBox01 .gNav01,
.archive #header .logoBox,
.category #header .inrBox01 .gNav01,
.category #header .logoBox,
.error404 #header .inrBox01 .gNav01,
.error404 #header .logoBox,
.page #header .inrBox01 .gNav01,
.page #header .logoBox,
.single #header .inrBox01 .gNav01,
.single #header .logoBox {
    left: 0;
  }
}
.archive .mainCon .topBox,
.category .mainCon .topBox,
.error404 .mainCon .topBox,
.page .mainCon .topBox,
.single .mainCon .topBox {
  margin-bottom: 95px;
}

@media screen and (max-width: 821px) {
  .archive .mainCon .topBox,
.category .mainCon .topBox,
.error404 .mainCon .topBox,
.page .mainCon .topBox,
.single .mainCon .topBox {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 90px;
  }
}
.archive .mainCon .conBox,
.category .mainCon .conBox,
.error404 .mainCon .conBox,
.page .mainCon .conBox,
.single .mainCon .conBox {
  padding-top: 100px;
}

@media screen and (max-width: 821px) {
  .archive .mainCon .conBox,
.category .mainCon .conBox,
.error404 .mainCon .conBox,
.page .mainCon .conBox,
.single .mainCon .conBox {
    padding-top: 90px;
  }
}
@media screen and (max-width: 821px) {
  .archive .mainCon .conBox01,
.category .mainCon .conBox01,
.error404 .mainCon .conBox01,
.page .mainCon .conBox01,
.single .mainCon .conBox01 {
    padding-top: 140px;
  }
}
@media screen and (max-width: 821px) {
  .archive .mainCon .ttlBg-back,
.category .mainCon .ttlBg-back,
.error404 .mainCon .ttlBg-back,
.page .mainCon .ttlBg-back,
.single .mainCon .ttlBg-back {
    top: 100px;
  }
}
.first .mainCon .leftBox {
  float: left;
}

.first .mainCon .leftBox.txtBox {
  left: 3%;
}

.first .mainCon .rightBox {
  float: right;
}

.first .mainCon .rightBox.txtBox {
  right: 3%;
}

.first .mainCon .ttlBg-back {
  bottom: -100px;
}

.first .mainCon .txtBox {
  padding: 30px 15px;
  width: 44%;
  box-sizing: border-box;
  position: relative;
  top: 0px;
  background: rgba(255, 255, 255, 0.9);
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  border-radius: 20px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox {
    padding: 14px 10px;
    width: 94%;
    top: -20px;
    border-radius: 7px;
  }
}
.first .mainCon .txtBox h4 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox h4 {
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
}
.first .mainCon .txtBox h4 .engWrapp {
  margin-bottom: 30px;
}

.first .mainCon .txtBox h4 .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox h4 .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.first .mainCon .txtBox h4 .font-eng02:first-letter,
.first .mainCon .txtBox h4 .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.first .mainCon .txtBox h4 .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.first .mainCon .txtBox .leadTxt h5 {
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 25px;
  margin-bottom: 10px;
}

.first .mainCon .txtBox .leadTxt h5:nth-of-type(1) {
  margin-top: 0;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox .leadTxt {
    font-size: 1.4rem;
  }
}
.first .mainCon .twoImg {
  width: 47%;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 821px) {
  .first .mainCon .twoImg {
    width: 100%;
  }
}
.first .mainCon .twoImg .imgBox {
  width: 47%;
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-top: 5%;
}

.first .mainCon .twoImg .imgBox img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  position: relative;
  z-index: 1;
}

.first .mainCon .twoImg .imgBox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0px;
  left: -5px;
  bottom: -9px;
  z-index: 0;
  background: #a5a5a5;
}

.first .mainCon .twoImg .imgBox:nth-child(1) {
  margin-right: 6%;
}

.first .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 90px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .conBox01 {
    padding-bottom: 0;
  }
}
.first .mainCon .conBox01 .inrBox {
  padding-top: 0px !important;
  padding-bottom: 70px !important;
}

@media screen and (max-width: 821px) {
  .first .mainCon .conBox01 .inrBox {
    padding-top: 0;
  }
  .first .mainCon .conBox01 .inrBox img {
    width: 100%;
    height: auto;
  }
}
.flow .mainCon p:not(.btnTxt) {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 30px;
}

.flow .mainCon .colorTxt {
  margin-bottom: 0px !important;
  padding: 4px 30px 4px 30px !important;
  line-height: 1 !important;
  color: #fff;
}

.flow .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 90px;
}

.flow .mainCon .conBox01 .contents .ttlBg-back {
  top: 100px;
}

.flow .mainCon .conBox01 .inrBox01 .btn p {
  background-position-x: 90%;
}

@media screen and (max-width: 320px) {
  .flow .mainCon .conBox01 .inrBox01 .btn p {
    background-position-x: 95%;
  }
}
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp {
  position: relative;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp p {
  display: block;
  position: relative;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 0;
  transition: 0.5s;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  z-index: 3;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink li {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  border-bottom: 1px solid #9b9f33;
  border-left: 1px solid #9b9f33;
  border-right: 1px solid #9b9f33;
  transition: 0.5s;
  color: #fff;
  box-sizing: border-box;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink li a {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: 100%;
  display: block;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:hover {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 114px;
  transition: 0.3s;
  width: 100%;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:hover {
    top: 76px;
  }
}
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:focus li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:hover li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:focus li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:hover li:hover {
  transition: 0.3s;
  background: rgba(204, 204, 204, 0.9);
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:hover {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 90px;
  transition: 0.3s;
  width: 100%;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:focus li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:hover li:hover {
  transition: 0.3s;
  background: rgba(155, 159, 51, 0.9);
}

.flow .mainCon .conBox01 .inrBox02 {
  background: url("images/bg03.jpg") repeat left top;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .conBox01 .inrBox02 .colorBox {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto 15px;
    display: block;
    text-align: center;
  }
}
/*.flow .mainCon .conBox01 .inrBox03 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.flow .mainCon .conBox01 .inrBox04 {
  background: url("images/bg03.jpg") repeat left top;
  background-size: cover;
}

.flow .mainCon .conBox01 .inrBox04 .listCon {
  float: left;
  width: 260px;
  margin-right: 20px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .conBox01 .inrBox04 .listCon {
    width: 49%;
    margin-right: 0;
    margin-bottom: 1%;
  }
  .flow .mainCon .conBox01 .inrBox04 .listCon:nth-of-type(1) {
    margin-right: 1%;
  }
  .flow .mainCon .conBox01 .inrBox04 .listCon:nth-of-type(3) {
    margin-right: 1%;
  }
}
.flow .mainCon .conBox01 .inrBox04 .listCon img {
  width: 100%;
  height: auto;
}

.flow .mainCon .conBox01 .inrBox04 .four-gallery .listCon:nth-last-of-type(1) {
  margin-right: 0;
}

/*.flow .mainCon .conBox01 .inrBox05 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.flow .mainCon h4 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon h4 {
    font-size: 1.6rem;
  }
}
.flow .mainCon h4 .engWrapp {
  float: left;
  margin-right: 40px;
}

.flow .mainCon h4 .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon h4 .font-eng02 {
    font-size: 4.5rem;
  }
  .flow .mainCon h4 .engWrapp {
    width: 100%;
  }
}
.flow .mainCon h4 .font-eng02:first-letter,
.flow .mainCon h4 .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.flow .mainCon h4 .font-eng02:nth-child(2) {
  font-size: 6.6rem;
}

.flow .mainCon h4 .old {
  font-size: 1.8rem;
  color: #1a1a3c;
  margin-right: 10px;
}

.flow .mainCon .inrBox {
  padding-bottom: 90px;
}

.flow .mainCon .inrBox:not(.inrBox01) {
  padding-top: 90px;
}

.flow .mainCon .inrBox01 .readTxt {
  text-align: center;
  margin: 30px auto;
  font-size: 1.8rem;
}

.flow .mainCon .inrBox02 .sampleImgBox {
  margin-top: 50px;
  padding: 30px;
  background: #fff;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox02 .sampleImgBox {
    padding: 10px;
  }
}
.flow .mainCon .inrBox02 .sampleImgBox p {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox02 .sampleImgBox p {
    font-size: 1.6rem;
  }
}
.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp {
  float: left;
  width: 27%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp .imgBox {
  margin-bottom: 4%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp .imgBox img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp:not(.imgWrapp01) {
  margin-left: 1%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp01 {
  padding-top: 5%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp02 {
  padding-top: 32px;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp03 {
  width: 44%;
}

.flow .mainCon .inrBox02 .iconArea {
  margin-bottom: 30px;
}

.flow .mainCon .inrBox02 .iconArea .iconBox {
  float: left;
  width: 26%;
}

.flow .mainCon .inrBox02 .iconArea .iconBox img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(2),
.flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(3) {
  margin-left: 11%;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox02 .iconArea .iconBox {
    width: 32%;
  }
  .flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(2),
.flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(3) {
    margin-left: 2%;
  }
}
.flow .mainCon .inrBox03 .twoColumn {
  margin-bottom: 50px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox03 .twoColumn .imgBox {
    float: none;
    width: 100%;
    margin: 0 auto 15px;
    margin-bottom: 25px;
  }
  .flow .mainCon .inrBox03 .twoColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .galleryList {
    height: 450px;
  }
}
@media screen and (max-width: 340px) {
  .flow .mainCon .inrBox04 .galleryList {
    height: 400px;
  }
}
.flow .mainCon .inrBox04 .galleryList img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox04 .galleryList .swiper-pagination-bullets,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-custom,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-fraction {
  bottom: 110px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .galleryList .swiper-pagination-bullets,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-custom,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-fraction {
    bottom: 40px;
  }
}
.flow .mainCon .inrBox04 .swiper-container04 .swiper-slide {
  height: auto;
}

.flow .mainCon .inrBox04 .btn,
.flow .mainCon .inrBox04 .btn * {
  width: 540px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .btn,
.flow .mainCon .inrBox04 .btn * {
    width: 100%;
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .flow .mainCon .inrBox04 .btn,
.flow .mainCon .inrBox04 .btn * {
    background-position-x: 95%;
  }
}
.flow .mainCon .inrBox04 .btn {
  margin: 30px auto;
}

.flow .mainCon .inrBox04 .postImgBox h6 {
  font-size: 2.1rem;
  color: #de6e5d;
  margin-bottom: 30px;
}

.flow .mainCon .inrBox04 .postImgBox p {
  margin-bottom: 0;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn {
  border: 1px solid #1a1a3c;
  position: relative;
  padding: 54px;
  margin: 140px auto 50px;
  width: 600px;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .leftBox {
  width: 62%;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
  width: 35%;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .postImgBox .twoColumn {
    border: 1px solid #1a1a3c;
    position: relative;
    padding: 15px;
    margin: 60px auto 50px;
    width: 100%;
    box-sizing: border-box;
  }
  .flow .mainCon .inrBox04 .postImgBox .twoColumn .leftBox,
.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
    float: none;
    width: 100%;
  }
  .flow .mainCon .inrBox04 .postImgBox .twoColumn .leftBox {
    margin-bottom: 15px;
  }
  .flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
    text-align: center;
    margin: 0 auto;
  }
}
.flow .mainCon .inrBox04 .postImgBox .twoColumn:before {
  content: "";
  border: 1px solid #1a1a3c;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 6px;
  top: 6px;
  pointer-events: none;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
  width: 200px;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox05 {
  padding-bottom: 0;
}

.flow .mainCon .inrBox05 h5 {
  font-size: 3rem;
  color: #595454;
  margin-bottom: 30px;
}

.flow .mainCon .inrBox05 .txtBox {
  width: 65%;
  font-size: 1.7rem;
  line-height: 32px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox05 .txtBox {
    width: 100%;
    float: none;
  }
}
.flow .mainCon .inrBox05 .imgBox {
  width: 30%;
  float: right;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox05 .imgBox {
    width: 100%;
    float: none;
  }
}
.flow .mainCon .inrBox05 .imgBox img {
  width: 100%;
  height: auto;
}

.faq .inrBox:nth-last-of-type(1) {
  margin-bottom: 0;
}

.faq .inrBox:not(.inrBox01) {
  margin-top: -80px;
}

.faq #clothes,
.faq #etc,
.faq #photodate,
.faq #plan,
.faq #photograph,
.faq #reserve {
  padding-top: 90px;
  margin-bottom: 50px;
  margin-top: -80px;
}

.faq .btnArea li {
  margin-bottom: 2%;
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .faq .btnArea li {
    width: 100%;
    float: none;
    margin-bottom: 10%;
  }
}
.faq .btnArea li p {
  width: 100%;
  background-size: 19px;
  background-position-x: 95%;
}

@media screen and (max-width: 821px) {
  .faq .btnArea li p {
    width: 100%;
  }
}
.faq .btnArea li:nth-child(2),
.faq .btnArea li:nth-child(3),
.faq .btnArea li:nth-child(5),
.faq .btnArea li:nth-child(6) {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .faq .btnArea li:nth-child(2),
.faq .btnArea li:nth-child(3),
.faq .btnArea li:nth-child(5),
.faq .btnArea li:nth-child(6) {
    margin-left: 0;
  }
}
.faq .question {
  cursor: pointer;
  cursor: hand;
  background: #1a1a3c;
  color: #fff;
  font-weight: 700;
  padding: 15px 10px;
  margin-bottom: 15px;
  transition: 0.5s;
  position: relative;
  z-index: 10;
}

.faq .question span {
  font-size: 2.1rem;
  color: #fff;
  float: left;
  position: relative;
  bottom: 6px;
}

.faq .question p {
  margin-left: 30px;
  color: #fff;
}

.faq .question:focus,
.faq .question:hover {
  background: #ffb5a7;
}

.faq dt:nth-of-type(2n) {
  background: #ff9587;
}

.faq .answer {
  margin-bottom: 30px;
  border: 1px solid #1a1a3c;
  position: relative;
  display: none;
  padding: 30px;
}

.faq .answer span {
  font-size: 2.1rem;
  color: #1a1a3c;
  float: left;
  position: relative;
  bottom: 6px;
}

.faq .answer p {
  margin-left: 30px;
}

.faq .answer:after {
  content: "";
  border: 1px solid #1a1a3c;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 6px;
  top: 6px;
  pointer-events: none;
}

.faq h4 {
  font-size: 2.6rem;
  text-align: center;
  color: #595454;
}

.collection .mainCon .conBox01 {
  background-size: 100% auto;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 {
    padding-top: 0px;
  }
}
.collection .mainCon .conBox01 .topBox {
  margin-bottom: 120px;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 .topBox {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 .ttlBg-back {
    top: 100px;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 .ttlBg-flont01:before {
    background: none;
  }
}
.collection .mainCon .conBox02 {
  padding-top: 130px;
}

.collection .mainCon .conBox02 .leadTxt {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 38px;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li {
  width: 23%;
  margin-bottom: 30px;
  background-color: #f5f3e9;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox02 .fashionStyle-bnrList li {
    width: 100%;
  }
}
.collection .mainCon .conBox02 .fashionStyle-bnrList li a {
  display: block;
  transition: 0.3s ease-in-out;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li a:hover {
  opacity: 0.8;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .imgBox {
  text-align: center;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .imgBox img {
  width: 100%;
  height: auto;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .txtBox {
  padding: 18px 15px;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .txtBox p {
  font-size: 1.6rem;
  letter-spacing: -0.06em;
  line-height: 1.69;
}

.collection .mainCon .conBox03 {
  background: url("images/bg03.jpg") repeat-y left top;
  background-size: 100% auto;
  padding-top: 170px;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 {
    padding-top: 90px;
  }
}
.collection .mainCon .conBox03 .btnWrappBox {
  position: relative;
  float: left;
  width: 48%;
  margin-bottom: 4%;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox {
    float: none;
    width: 100%;
  }
}
.collection .mainCon .conBox03 .btnWrappBox p {
  font-size: 2rem;
  padding-top: 25px;
  padding-bottom: 17px;
  line-height: 1;
  border: 2px solid #9b9f33;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 90%;
  z-index: 1;
}

@media screen and (max-width: 1120px) {
  .collection .mainCon .conBox03 .btnWrappBox p {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox p {
    font-size: 1.4rem;
    padding-top: 20px;
    padding-bottom: 11px;
    background-size: 13px;
    background-position-x: 95%;
    border: 1px solid #9b9f33;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .collection .mainCon .conBox03 .btnWrappBox p {
    background-position-x: 95%;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox p:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
    left: 0;
    top: 0;
  }
  .collection .mainCon .conBox03 .btnWrappBox p:before {
    content: "";
    border: 1px solid #c9d3bd;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -6px;
    bottom: -6px;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:nth-of-type(2n) {
  margin-left: 4%;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:nth-of-type(2n) {
    margin-left: 0;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:after {
  content: "";
  border: 2px solid #c9d3bd;
  width: 100%;
  height: calc(100% - 4px);
  position: absolute;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
  top: 0;
  right: -4px;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:after {
    display: none;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:before {
  content: "";
  border: 2px solid #c9d3bd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -12px;
  bottom: -13px;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:before {
    display: none;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:hover:after {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:hover:after {
    background: none;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:hover:before {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:hover:before {
    background: none;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:hover p:after,
.collection .mainCon .conBox03 .btnWrappBox:hover p:before {
    background: rgba(155, 159, 51, 0.4);
    transition: 0.3s;
  }
}
/*.about .mainCon {
   background: url("images/bg02.jpg") repeat left top;
}*/
.about .mainCon .topBox {
  margin-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .topBox {
    margin-bottom: 50px;
  }
}
.about .mainCon .conBox {
  padding-bottom: 100px;
}

.about .mainCon .conBox h4 {
  font-size: 2.4rem;
  margin-bottom: 50px;
  font-weight: 700;
}

.about .mainCon .conBox .smallBox {
  margin-bottom: 50px;
}

.about .mainCon .conBox .smallBox h5 {
  font-size: 2.1rem;
  margin-bottom: 25px;
  font-weight: 700;
  line-height: 1.5;
}

.about .mainCon .conBox .smallBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

.about .mainCon ol {
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.about .mainCon ol li {
  list-style: none;
}

.about .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 390px;
}

.about .mainCon .conBox01 .inrBox01 {
  width: 850px;
  margin: 0 auto;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox01 .inrBox01 {
    width: 95%;
    padding-bottom: 0;
  }
}
.about .mainCon .conBox01 .inrBox01 dl dd,
.about .mainCon .conBox01 .inrBox01 dl dt {
  float: left;
  font-size: 1.8rem;
  padding: 20px 10px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox01 .inrBox01 dl dd,
.about .mainCon .conBox01 .inrBox01 dl dt {
    padding: 5px 2px;
    margin-bottom: 30px;
  }
}
.about .mainCon .conBox01 .inrBox01 dl dt {
  width: 30%;
  box-sizing: border-box;
}

.about .mainCon .conBox01 .inrBox01 dl dd {
  width: 70%;
  box-sizing: border-box;
}

.about .mainCon .conBox01 .inrBox01 dl dd a {
  color: #595454;
  color: #595454;
  transition: 0.5s;
  position: relative;
}

.about .mainCon .conBox01 .inrBox01 dl dd a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox01 .inrBox01 dl dd a:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.about .mainCon .conBox01 .inrBox01 dl dd a:focus,
.about .mainCon .conBox01 .inrBox01 dl dd a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.about .mainCon #privacyporicyArea {
  padding-top: 300px;
  margin-top: -420px;
}

@media screen and (max-width: 821px) {
  .about .mainCon #privacyporicyArea {
    padding-top: 100px;
    margin-top: -420px;
  }
}
.about .mainCon .conBox02 {
  background: url("images/bg03.jpg") repeat left top;
  background-size: 100%;
  padding-bottom: 0;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox02 {
    padding-bottom: 0;
  }
}
.about .mainCon .conBox02 h4 {
  border-left: 5px solid #ff7e71;
  padding-left: 20px;
  line-height: 28px;
}

/*.about .mainCon .conBox03 {
   background: url("images/bg02.jpg") repeat left top;
}*/
@media screen and (max-width: 821px) {
  .about .mainCon .conBox03 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.about .mainCon .conBox03 h4 {
  text-align: center;
  line-height: 1.9rem;
}

.about .mainCon .conBox03 h4 span {
  font-size: 1.6rem;
  text-align: center;
  display: block;
}

.about .mainCon .conBox03 .smallBox {
  margin-bottom: 50px;
}

@media screen and (max-width: 821px) {
  .shopinfo .headerTxtArea {
    top: 150px !important;
  }
}
@media screen and (max-width: 821px) {
  .shopinfo .mainCon .conBox01 {
    padding-top: 150px !important;
  }
}
.shopinfo .mainCon .conBox01 .inrBox01 {
  padding-top: 90px !important;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .conBox01 .inrBox01 {
    padding-top: 30px !important;
  }
}
.shopinfo .mainCon .conBox01 .ttlBg-back span:nth-child(1) {
  bottom: 15px;
}

.shopinfo .mainCon .conBox01 .ttlBg-back span:nth-child(2) {
  bottom: 115px;
}

.shopinfo .mainCon .conBox01 .ttlBg-back span:nth-child(3) {
  bottom: 55px;
}

.shopinfo .mainCon .inrBox {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.shopinfo .mainCon .inrBox .topContents .leftBox {
  width: 530px;
  height: 411px;
}

.shopinfo .mainCon .inrBox .topContents .leftBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1220px) {
  .shopinfo .mainCon .inrBox .topContents .leftBox {
    width: 48%;
  }
}
@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .leftBox {
    width: 100%;
    height: 250px;
    float: none;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox {
  width: 570px;
  position: relative;
}

@media screen and (max-width: 1220px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox {
    width: 52%;
  }
}
@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox {
    width: 100%;
    float: none;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox {
  padding-left: 40px;
  padding-top: 48px;
  padding-bottom: 48px;
  box-sizing: border-box;
  max-height: 411px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox {
    padding: 4%;
    max-height: 450px;
    padding-bottom: 96px !important;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dd,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dt,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox p,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox span {
  color: #fff;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox p {
  margin-bottom: 45px;
  font-size: 1.2rem;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 {
  font-size: 3rem;
  line-height: 36px;
  margin-bottom: 50px;
  margin-top: -120px;
  padding-top: 120px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 span {
  font-size: 2.6rem;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 span {
    font-size: 1.8rem;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox #shinjyukuTakashima {
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl {
    width: 95%;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dt {
  font-size: 1.4rem;
  width: 70px;
  margin-right: 40px;
  float: left;
  letter-spacing: 0.2px;
  line-height: 1.3;
  margin-bottom: 8px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dt {
    font-size: 1.2rem;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd {
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 8px;
  margin-left: 110px;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd a {
  color: #fff;
  text-decoration: underline;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd a:focus,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd {
    font-size: 1.4rem;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .qrBox {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 60px;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 5px;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .qrBox img {
  width: 100%;
  height: auto;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp {
  width: 100%;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox {
  width: 32%;
  display: block;
  float: left;
  position: relative;
  margin-top: 2%;
  margin-bottom: 2%;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox {
    position: relative;
    height: auto;
  }
}
.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox:before {
  content: "";
  display: block;
  padding-top: 66%;
  overflow: hidden;
  border-radius: 6px;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox .imgBoxInr {
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox .imgBoxInr img {
  width: 100%;
  height: auto;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox:nth-child(2) {
  margin-left: 2%;
  margin-right: 2%;
}

.shopinfo .mainCon .inrBox .bottomContents .mapBox {
  height: 500px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .bottomContents .mapBox {
    height: 380px;
  }
}
.shopinfo .mainCon .inrBox:nth-child(2n+1) {
  background: #f5cec2;
}

.shopinfo .mainCon .inrBox:nth-child(2n) {
  background: #f0beaf;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea {
  margin-bottom: 70px;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea li {
  width: 32%;
  float: left;
  margin-bottom: 2%;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .btnAreaWrapp .btnArea li {
    width: 100%;
    float: none;
    margin-bottom: 10%;
  }
}
.shopinfo .mainCon .btnAreaWrapp .btnArea li p {
  width: 100%;
  background-size: 19px;
  background-position-x: 90%;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(2),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(3),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(5),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(6),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(8) {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(2),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(3),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(5),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(6) {
    margin-left: 0;
  }
}
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn {
  box-sizing: border-box;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:after {
  background: rgba(233, 87, 104, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01 p {
  border: 2px solid #e95768;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:before {
  border: 2px solid rgba(233, 87, 104, 0.3);
  background: rgba(233, 87, 104, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:hover:after {
  background: rgba(233, 87, 104, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:hover:before {
  background: rgba(233, 87, 104, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:after {
  background: rgba(128, 132, 18, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02 p {
  border: 2px solid #c7cb53;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:before {
  border: 2px solid rgba(128, 132, 18, 0.3);
  background: #c7cb53;
  background: rgba(128, 132, 18, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:hover:after {
  background: rgba(128, 132, 18, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:hover:before {
  background: rgba(128, 132, 18, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:after {
  background: rgba(236, 123, 141, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03 p {
  border: 2px solid #ec7b8d;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:before {
  border: 2px solid rgba(236, 123, 141, 0.3);
  background: rgba(236, 123, 141, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:hover:after {
  background: rgba(236, 123, 141, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:hover:before {
  background: rgba(236, 123, 141, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:after {
  background: rgba(151, 124, 147, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04 p {
  border: 2px solid #977c93;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:before {
  border: 2px solid rgba(151, 124, 147, 0.3);
  background: rgba(151, 124, 147, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:hover:after {
  background: rgba(151, 124, 147, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:hover:before {
  background: rgba(151, 124, 147, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:after {
  background: rgba(151, 140, 74, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05 p {
  border: 2px solid #f7edb2;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:before {
  border: 2px solid rgba(151, 140, 74, 0.3);
  background: rgba(151, 140, 74, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:hover:after {
  background: rgba(151, 140, 74, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:hover:before {
  background: rgba(151, 140, 74, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:after {
  background: rgba(102, 176, 177, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06 p {
  border: 2px solid #c9e7e7;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:before {
  border: 2px solid rgba(102, 176, 177, 0.3);
  background: rgba(102, 176, 177, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:hover:after {
  background: rgba(102, 176, 177, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:hover:before {
  background: rgba(102, 176, 177, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:after {
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07 p {
  border: 2px solid #d86b30;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:before {
  border: 2px solid rgba(216, 107, 48, 0.3);
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:hover:after {
  background: rgba(216, 107, 48, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:hover:before {
  background: rgba(216, 107, 48, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:after {
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08 p {
  border: 2px solid #66BEDB;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:before {
  border: 2px solid rgba(102, 190, 219, 0.3);
  background: rgba(102, 190, 219, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:hover:after {
  background: rgba(102, 190, 219, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:hover:before {
  background: rgba(102, 190, 219, 0.4);
}

.shopinfo .mainCon .inrBox01 .txtBox {
  background: #e95768;
}

.shopinfo .mainCon .inrBox02 .txtBox {
  background: #808412;
}

.shopinfo .mainCon .inrBox03 .txtBox {
  background: #ec7b8d;
}

.shopinfo .mainCon .inrBox04 .txtBox {
  background: #977c93;
}

.shopinfo .mainCon .inrBox05 .txtBox {
  background: #978c4a;
}

.shopinfo .mainCon .inrBox06 .txtBox {
  background: #66b0b1;
}

.shopinfo .mainCon .inrBox07 .txtBox {
  background: #d86b30;
}

.shopinfo .mainCon .inrBox08 .txtBox {
  background: #66BEDB;
}

/*.menu .mainCon {
    background: url("images/bg02.jpg") repeat left top;
}*/
@media screen and (max-width: 821px) {
  .menu .mainCon .ttlBg01 h2:before,
.menu .mainCon .ttlBg01 h3:before,
.menu .mainCon .ttlBg02 h2:before,
.menu .mainCon .ttlBg02 h3:before {
    width: 25%;
  }
  .menu .mainCon .btn {
    margin-bottom: 35px;
  }
}
.menu .mainCon .topBox {
  margin-bottom: 200px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .topBox {
    margin-bottom: 50px;
  }
}
.menu .mainCon .inrBox {
  margin-bottom: 100px;
  padding-bottom: 0px !important;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
  }
}
.menu .mainCon .inrBox h4 {
  font-size: 4rem;
  margin-top: 35px;
  color: #595454;
  line-height: 1.5;
  margin-bottom: 18px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox h4 {
    font-size: 2.2rem;
    margin-top: 20px;
  }
}
.menu .mainCon .inrBox .twoColumn {
  width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn {
    width: 100%;
  }
}
.menu .mainCon .inrBox .twoColumn .leftBox {
  float: left;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .leftBox {
    float: none;
  }
}
.menu .mainCon .inrBox .twoColumn .rightBox {
  float: right;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .rightBox {
    float: none;
  }
}
.menu .mainCon .inrBox .twoColumn .leftBox {
  margin-right: 40px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .leftBox {
    margin-right: 0;
  }
}
.menu .mainCon .inrBox .twoColumn .txtBox {
  width: 410px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .txtBox {
    width: 90%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    right: 0;
  }
}
.menu .mainCon .inrBox .twoColumn .imgBoxWrapp {
  width: 450px;
  height: 570px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox {
  position: absolute;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox {
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox img {
    width: 100%;
  }
}
.menu .mainCon .inrBox .twoColumn .leadTxt {
  margin-top: 30px;
  margin-bottom: 30px;
}

.menu .mainCon .inrBox .twoColumn .btn {
  width: 50%;
}

.menu .mainCon .inrBox .twoColumn .btn a,
.menu .mainCon .inrBox .twoColumn .btn p {
  width: 100%;
  font-size: 1.4rem;
}

.menu .mainCon .inrBox .twoColumn .btn p {
  padding-top: 13px;
  padding-bottom: 13px;
  background-size: 10px;
  background-position-x: 90%;
}

.menu .mainCon .inrBox .twoColumn .btn:before {
  height: calc(100% - 4px);
  left: -5px;
  bottom: -5px;
}

.menu .mainCon .inrBox01 .ttlBox {
  margin-left: 70px;
}

.menu .mainCon .inrBox01 .twoColumn .txtBox {
  top: -90px;
}

.menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
  margin-right: 65px;
}

.menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 160px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 45px;
  }
  .menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
    left: 110px;
  }
}
.menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -17px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
    left: -16px;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .twoColumn .txtBox {
    top: 0;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .imgBoxWrapp {
    left: 6%;
  }
}
.menu .mainCon .inrBox02 img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 1220px) {
  .menu .mainCon .inrBox02 img {
    position: relative;
    right: 40%;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 {
    margin-right: 10%;
    margin-bottom: 30px;
  }
  .menu .mainCon .inrBox02 img {
    position: relative;
  }
}
.menu .mainCon .inrBox02 .twoColumn .txtBox {
  top: -90px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 .twoColumn .txtBox {
    top: 0;
  }
}
.menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 133px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 43px;
  }
  .menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
    left: 93px;
  }
}
.menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -23px;
}

.menu .mainCon .inrBox02 .twoColumn .imgBoxWrapp .imgBox {
  right: 0;
}

.menu .mainCon .inrBox02 .twoColumn .imgBoxWrapp .imgBox img {
  right: 0;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 .imgBoxWrapp {
    right: 6%;
  }
}
.menu .mainCon .inrBox03 .txtBox {
  top: -90px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .txtBox {
    top: 0;
  }
}
.menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1) {
  margin-right: 60px;
}

.menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 187px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 40px;
  }
  .menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1):after {
    left: 132px;
  }
}
.menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -28px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(2):after {
    left: -18px;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .imgBoxWrapp {
    left: 6%;
  }
}
.menu .mainCon .inrBox04 .twoColumn .txtBox {
  top: -90px;
  width: 450px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .txtBox {
    top: 0;
    width: auto;
    padding-left: 15px;
  }
}
.menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
  margin-right: 60px;
}

.menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 120px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 40px;
  }
  .menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
    left: 96px;
  }
}
.menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -27px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
    left: -19px;
  }
}
.menu .mainCon .inrBox04 .twoColumn span:nth-child(1) {
  margin-right: 60px;
}

.menu .mainCon .inrBox04 .twoColumn span:nth-child(1):after {
  left: 120px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn span:nth-child(1):after {
    left: 112px;
  }
}
.menu .mainCon .inrBox04 .twoColumn .imgBoxWrapp {
  width: 410px;
}

.menu .mainCon .inrBox04 .twoColumn .imgBoxWrapp .imgBox {
  right: 0;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .imgBoxWrapp {
    left: 6%;
  }
}
.menu .mainCon .inrBox01 .twoColumn .imgBoxWrapp .imgBox,
.menu .mainCon .inrBox03 .twoColumn .imgBoxWrapp .imgBox {
  left: 0;
}

.menu .mainCon .leadTxt {
  line-height: 1.8;
  font-size: 1.8rem;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .leadTxt {
    font-size: 1.4rem;
  }
}
.purchase .mainCon h4,
.rental .mainCon h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon h4,
.rental .mainCon h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .purchase .mainCon h4 span,
.rental .mainCon h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.purchase .mainCon h4 .font-eng02,
.rental .mainCon h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.purchase .mainCon h4 .font-eng02:first-letter,
.rental .mainCon h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.purchase .mainCon h4 .font-eng02:nth-of-type(2),
.rental .mainCon h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon h4 .font-eng02,
.rental .mainCon h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .purchase .mainCon h4 .font-eng02:first-letter,
.rental .mainCon h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
/*.purchase .mainCon .conBox01,
.rental .mainCon .conBox01 {
   background: url("images/bg02.jpg") repeat left top;
}*/
@media screen and (max-width: 821px) {
  .purchase .mainCon .conBox01 .inrBox01,
.rental .mainCon .conBox01 .inrBox01 {
    padding-top: 50px !important;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .conBox01 .topBox,
.rental .mainCon .conBox01 .topBox {
    margin-bottom: 0;
  }
}
.purchase .mainCon .overviewBox,
.rental .mainCon .overviewBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox,
.rental .mainCon .overviewBox {
    padding-top: 50px;
  }
}
.purchase .mainCon .overviewBox .twoBox,
.rental .mainCon .overviewBox .twoBox {
  width: 820px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .purchase .mainCon .overviewBox .twoBox,
.rental .mainCon .overviewBox .twoBox {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox,
.rental .mainCon .overviewBox .twoBox {
    margin-bottom: 0;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox,
.rental .mainCon .overviewBox .twoBox .txtBox {
  width: 620px;
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  padding: 50px;
  background: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox,
.rental .mainCon .overviewBox .twoBox .txtBox {
    width: 100%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    top: 0;
    position: relative;
    transform: none;
    padding: 0;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox,
.rental .mainCon .overviewBox .twoBox .txtBox {
  border-bottom: 1px solid #ddd;
}

.purchase .mainCon .overviewBox .twoBox .txtBox h5,
.rental .mainCon .overviewBox .twoBox .txtBox h5 {
  color: #1a1a3c;
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox h5,
.rental .mainCon .overviewBox .twoBox .txtBox h5 {
    font-size: 1.8rem;
    padding-top: 15px;
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox p,
.rental .mainCon .overviewBox .twoBox .txtBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox p,
.rental .mainCon .overviewBox .twoBox .txtBox p {
    margin-bottom: 25px;
    font-size: 1.4rem;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02,
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-right: 15px;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02:first-letter,
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02:nth-of-type(2),
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02,
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02 {
    display: block;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .leadTxt,
.rental .mainCon .overviewBox .twoBox .txtBox .leadTxt {
  font-size: 1.6rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .costWrapp,
.rental .mainCon .overviewBox .twoBox .txtBox .costWrapp {
  font-size: 4.4rem;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ff7e71;
  font-style: italic;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .costWrapp span,
.rental .mainCon .overviewBox .twoBox .txtBox .costWrapp span {
  font-size: 1.6rem;
  margin-left: 10px;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
  border: 1px solid #1a1a3c;
  background: #fff;
  position: relative;
  padding: 30px 30px 20px;
  box-sizing: content-box;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
    padding: 15% 3%;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
  content: "";
  width: 200px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 30%;
  transform: translateX(-50%);
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
    width: 50%;
    left: 36%;
    height: 4px;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp h5,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp h5 {
  font-weight: 700;
  position: absolute;
  top: -13px;
  left: 20%;
  color: #ff7e71;
  font-size: 1.8rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .font-eng02,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .font-eng02 {
  font-size: 2.1rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
  float: left;
  width: 19%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
    width: 48%;
    margin-bottom: 20px;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox {
  border-radius: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img {
  width: 100%;
  height: auto;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
    height: 35px;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01),
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01) {
  margin-left: 1%;
}

.purchase .mainCon .overviewBox .twoBox .imgBoxWrapp,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp {
  width: 400px;
  height: 570px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox {
  position: absolute;
  width: 370px;
}

.purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 100%;
    position: relative;
  }
}
.purchase .mainCon .benefitsBox,
.rental .mainCon .benefitsBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /*  background-color: #ccc;
  background-size: cover; */
  position: relative;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox,
.rental .mainCon .benefitsBox {
    padding-top: 60px !important;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceListBoxs,
.rental .mainCon .benefitsBox .priceListBoxs {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.purchase .mainCon .benefitsBox .priceListBoxs .priceListBox,
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox {
  float: left;
  width: 19%;
  border: 1px solid #e27888;
  line-height: 50px;
  font-size: 2.1rem;
  color: #e27888;
  padding-left: 14px;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceListBoxs .priceListBox,
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox {
    width: 100%;
    float: none;
    margin: 0 auto 15px;
  }
}
.purchase .mainCon .benefitsBox .priceListBoxs .priceListBox .unitFont,
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox .unitFont {
  font-size: 1.6rem;
  color: #e27888;
}

@media screen and (min-width: 813px) {
  .purchase .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01),
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01) {
    margin-left: 1%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01),
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01) {
    margin: 0 auto 15px;
  }
}
.purchase .mainCon .benefitsBox .priceListBoxs .popularListBox,
.rental .mainCon .benefitsBox .priceListBoxs .popularListBox {
  /* background: url("images/popularListBox.png") no-repeat; */
  background-size: 100% 100%;
  background-color: #333;
  color: #fff;
  font-weight: 700;
  border: 1px solid #614b3c;
}

.purchase .mainCon .benefitsBox .priceListBoxs .popularListBox .unitFont,
.rental .mainCon .benefitsBox .priceListBoxs .popularListBox .unitFont {
  color: #fff;
}

.purchase .mainCon .benefitsBox .priceBoxsThree,
.rental .mainCon .benefitsBox .priceBoxsThree {
  padding-left: 20%;
  padding-right: 20%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceBoxsThree,
.rental .mainCon .benefitsBox .priceBoxsThree {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.purchase .mainCon .benefitsBox .priceBoxsThree .priceListBox,
.rental .mainCon .benefitsBox .priceBoxsThree .priceListBox {
  width: 32%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceBoxsThree .priceListBox,
.rental .mainCon .benefitsBox .priceBoxsThree .priceListBox {
    width: 100%;
  }
}
.purchase .mainCon .benefitsBox .attentionBox,
.rental .mainCon .benefitsBox .attentionBox {
  margin: 50px auto 30px;
  background: #fff;
  padding: 30px;
  border: 1px solid #000;
  position: relative;
}

.purchase .mainCon .benefitsBox .attentionBox .blockSampleBeforeTxt,
.rental .mainCon .benefitsBox .attentionBox .blockSampleBeforeTxt {
  display: block;
  float: left;
  margin-right: 5px;
}

.purchase .mainCon .benefitsBox .attentionBox .blockSample,
.rental .mainCon .benefitsBox .attentionBox .blockSample {
  /* background: url("images/blockSample.png") no-repeat; */
  background-color: #000;
  width: 50px;
  height: 25px;
  background-size: 100% 100%;
  display: block;
  float: left;
  margin-right: 5px;
}

.purchase .mainCon .benefitsBox .fukidashi,
.rental .mainCon .benefitsBox .fukidashi {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
}

.purchase .mainCon .benefitsBox .fukidashi img,
.rental .mainCon .benefitsBox .fukidashi img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1100px) {
  .purchase .mainCon .benefitsBox .fukidashi,
.rental .mainCon .benefitsBox .fukidashi {
    width: 30%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .fukidashi,
.rental .mainCon .benefitsBox .fukidashi {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp,
.rental .mainCon .benefitsBox .circleBoxWrapp {
  margin-top: 50px;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp,
.rental .mainCon .benefitsBox .circleBoxWrapp {
    position: relative;
    margin-top: 35px;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox {
  width: 190px;
  text-align: center;
  z-index: 1;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox {
    width: 48%;
    margin-bottom: 22%;
    margin-right: 0;
  }
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox:nth-of-type(2n),
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox:nth-of-type(2n) {
    margin-left: 4%;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .circleBoxinr,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .circleBoxinr {
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  background: #fff;
}

.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 100%;
}

.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox img,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox img {
  width: 60%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: auto;
}

.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox {
  color: #595454;
  font-size: 1.8rem;
  position: absolute;
  bottom: -62px;
  width: 100%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox {
    font-size: 1.4rem;
    bottom: -50px;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt),
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt) {
  bottom: -50px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt),
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt) {
    bottom: -35px;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .spThreeLineTxt,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .spThreeLineTxt {
    font-size: 1.4rem;
    bottom: -50px;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox06,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox06 {
  margin-left: 10%;
}

.purchase .mainCon .benefitsBox .benefitsDetails,
.rental .mainCon .benefitsBox .benefitsDetails {
  width: 960px;
  margin: 70px auto 0;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .benefitsDetails,
.rental .mainCon .benefitsBox .benefitsDetails {
    width: 90% !important;
    padding: 5% !important;
  }
}
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox {
  width: 30%;
  float: left;
  margin-bottom: 50px;
  position: relative;
  border: 1px solid #4b4b4b;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #e27888;
}

.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3) {
  margin-left: 5%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3) {
    margin-left: 0;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .benefitsDetails .detailsBox,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(1),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(1) {
    margin-top: 15px;
  }
}
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox {
  width: 100%;
  float: none;
  position: relative;
}

.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox h5,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox h5 {
  font-size: 1.8rem;
  text-align: center;
  line-height: 90px;
  color: #fff;
  background: #e27888;
}

.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox .chusyaku,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox .chusyaku {
  font-size: 1.3rem;
  color: #4b4b4b;
  position: absolute;
  padding-top: 10px;
}

.purchase .mainCon .reasonBox,
.rental .mainCon .reasonBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox,
.rental .mainCon .reasonBox {
    padding-bottom: 0px !important;
  }
}
.purchase .mainCon .reasonBox .threeColumn .centerBox,
.purchase .mainCon .reasonBox .threeColumn .leftBox,
.purchase .mainCon .reasonBox .threeColumn .rightBox,
.rental .mainCon .reasonBox .threeColumn .centerBox,
.rental .mainCon .reasonBox .threeColumn .leftBox,
.rental .mainCon .reasonBox .threeColumn .rightBox {
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox .threeColumn .centerBox,
.purchase .mainCon .reasonBox .threeColumn .leftBox,
.purchase .mainCon .reasonBox .threeColumn .rightBox,
.rental .mainCon .reasonBox .threeColumn .centerBox,
.rental .mainCon .reasonBox .threeColumn .leftBox,
.rental .mainCon .reasonBox .threeColumn .rightBox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
.purchase .mainCon .reasonBox .threeColumn .engWrapp,
.rental .mainCon .reasonBox .threeColumn .engWrapp {
  margin-bottom: 0;
}

.purchase .mainCon .reasonBox .threeColumn .font-eng02,
.rental .mainCon .reasonBox .threeColumn .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox .threeColumn .font-eng02,
.rental .mainCon .reasonBox .threeColumn .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.purchase .mainCon .reasonBox .threeColumn .font-eng02:first-letter,
.purchase .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2),
.rental .mainCon .reasonBox .threeColumn .font-eng02:first-letter,
.rental .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.purchase .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2),
.rental .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.purchase .mainCon .reasonBox .threeColumn .centerBox,
.rental .mainCon .reasonBox .threeColumn .centerBox {
  margin-left: 2%;
  margin-right: 2%;
}

.purchase .mainCon .reasonBox .threeColumn .imgBox,
.rental .mainCon .reasonBox .threeColumn .imgBox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox .threeColumn .imgBox img,
.rental .mainCon .reasonBox .threeColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .reasonBox .threeColumn .txtBox h5,
.rental .mainCon .reasonBox .threeColumn .txtBox h5 {
  font-size: 1.8rem;
  color: #595454;
  margin-bottom: 15px;
  font-weight: 700;
}

@media screen and (min-width: 813px) {
  .purchase .mainCon .reasonBox .threeColumn .txtBox .oneLine,
.rental .mainCon .reasonBox .threeColumn .txtBox .oneLine {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.purchase .mainCon .reasonBox .threeColumn .txtBox p,
.rental .mainCon .reasonBox .threeColumn .txtBox p {
  color: #595454;
}

.purchase .mainCon .setContentsBox,
.rental .mainCon .setContentsBox {
  padding-top: 100px;
  padding-bottom: 100px;
}

.purchase .mainCon .setContentsBox .setBox,
.rental .mainCon .setContentsBox .setBox {
  width: 1000px;
  margin: 0 auto 120px;
}

@media screen and (max-width: 1000px) {
  .purchase .mainCon .setContentsBox .setBox,
.rental .mainCon .setContentsBox .setBox {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox,
.rental .mainCon .setContentsBox .setBox {
    margin-bottom: 70px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox,
.rental .mainCon .setContentsBox .setBox .txtBox {
  width: 550px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox,
.rental .mainCon .setContentsBox .setBox .txtBox {
    width: 100%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    top: 0;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox h5,
.rental .mainCon .setContentsBox .setBox .txtBox h5 {
  color: #1a1a3c;
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 30px;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .leadTxt,
.rental .mainCon .setContentsBox .setBox .txtBox .leadTxt {
  font-size: 1.6rem;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .costWrapp,
.rental .mainCon .setContentsBox .setBox .txtBox .costWrapp {
  font-size: 4.4rem;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ff7e71;
  font-style: italic;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .costWrapp span,
.rental .mainCon .setContentsBox .setBox .txtBox .costWrapp span {
  font-size: 1.6rem;
  margin-left: 10px;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp {
  border: 1px solid #1a1a3c;
  background: #fff;
  position: relative;
  padding: 30px 30px 20px;
  box-sizing: content-box;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp {
    padding: 15% 3%;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before {
  content: "";
  width: 200px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 30%;
  transform: translateX(-50%);
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before {
    width: 50%;
    left: 36%;
    height: 4px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp h6,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp h6 {
  font-weight: 700;
  position: absolute;
  top: -13px;
  left: 20%;
  color: #ff7e71;
  font-size: 1.8rem;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox {
  float: left;
  width: 19%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox {
    width: 48%;
    margin-bottom: 20px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox {
  border-radius: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img {
  width: 100%;
  height: auto;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
    height: 35px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01),
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01) {
  margin-left: 1%;
}

.purchase .mainCon .setContentsBox .setBox .imgBoxWrapp,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp {
  width: 400px;
  height: 570px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox {
  position: absolute;
  width: 370px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img {
    width: 100%;
    position: relative;
  }
}
.purchase .mainCon .setContentsBox .setBox01 .imgBox,
.purchase .mainCon .setContentsBox .setBox01 .imgBox img,
.rental .mainCon .setContentsBox .setBox01 .imgBox,
.rental .mainCon .setContentsBox .setBox01 .imgBox img {
  right: 0;
  position: absolute;
}

.purchase .mainCon .setContentsBox .setBox02 .imgBox,
.purchase .mainCon .setContentsBox .setBox02 .imgBox img,
.rental .mainCon .setContentsBox .setBox02 .imgBox,
.rental .mainCon .setContentsBox .setBox02 .imgBox img {
  left: 0;
  position: absolute;
}

.purchase .mainCon .galleryBox,
.rental .mainCon .galleryBox {
  padding-top: 0;
}

.purchase .mainCon .galleryBox .blogList:nth-child(2),
.rental .mainCon .galleryBox .blogList:nth-child(2) {
  margin-left: 4%;
  margin-bottom: 4%;
}

.purchase .mainCon .galleryBox .fourStyleBox,
.rental .mainCon .galleryBox .fourStyleBox {
  margin-top: 120px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .galleryBox .fourStyleBox,
.rental .mainCon .galleryBox .fourStyleBox {
    margin-top: 90px;
  }
}
.purchase .mainCon .galleryBox .fourStyleBox h4,
.rental .mainCon .galleryBox .fourStyleBox h4 {
  font-size: 2rem;
}

.purchase .mainCon .galleryBox .fourstyleBoxNew,
.rental .mainCon .galleryBox .fourstyleBoxNew {
  top: 35px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .galleryBox .fourstyleBoxNew,
.rental .mainCon .galleryBox .fourstyleBoxNew {
    top: 20px;
  }
}
.purchase .mainCon .albumBox,
.rental .mainCon .albumBox {
  padding-top: 370px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox,
.rental .mainCon .albumBox {
    width: 100%;
    padding-top: 250px !important;
  }
  .purchase .mainCon .albumBox .borderBoxTtl,
.rental .mainCon .albumBox .borderBoxTtl {
    margin-bottom: -60px;
  }
}
.purchase .mainCon .albumBox .contents,
.rental .mainCon .albumBox .contents {
  margin-top: -80px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents,
.rental .mainCon .albumBox .contents {
    margin-top: -60px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox h5,
.rental .mainCon .albumBox .contents .twoBox h5 {
  font-size: 2.1rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.purchase .mainCon .albumBox .contents .twoBox .leadTxt,
.rental .mainCon .albumBox .contents .twoBox .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.purchase .mainCon .albumBox .contents .twoBox01,
.rental .mainCon .albumBox .contents .twoBox01 {
  margin-bottom: 50px;
}

.purchase .mainCon .albumBox .contents .twoBox01 .albumMainimgBox,
.rental .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
  width: 44%;
  height: 290px;
  position: relative;
  margin-left: 4%;
  float: left;
}

.purchase .mainCon .albumBox .contents .twoBox01 .albumMainimgBox img,
.rental .mainCon .albumBox .contents .twoBox01 .albumMainimgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .albumMainimgBox,
.rental .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
    width: 90%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox {
  width: 44%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox {
    width: 90%;
    float: none;
    box-sizing: border-box;
    margin: 0 auto;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBox,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBox {
    width: 100%;
    margin: 0 auto;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
  position: relative;
  top: -10px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-left: 15%;
}

.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  top: 10px;
}

.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  width: 10%;
}

.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
  width: 60%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
    width: 40%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
    margin-bottom: 10px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .cost,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
  font-size: 2.7rem;
  color: #333;
  text-align: right;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .cost,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
    margin-bottom: 50px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .cost .unitFont,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
  padding-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
    padding: 10px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
  width: 28%;
  margin-left: 4%;
  float: left;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
  width: 47%;
  height: auto;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
    margin: 0 auto 12%;
    width: 50%;
  }
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
    width: 60%;
    margin: 0 auto 4%;
    text-align: center;
  }
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
    width: 100%;
    height: auto;
  }
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
    width: 100%;
    font-size: 1.1rem;
  }
}
.purchase .mainCon .albumBox .contents .twoBox02,
.rental .mainCon .albumBox .contents .twoBox02 {
  margin-bottom: 50px;
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
  width: 50%;
  position: relative;
  margin-left: 4%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
    width: 100%;
    margin: 0 auto 15px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox h5,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox h5 {
  text-align: center;
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox p,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox {
  width: 44%;
  margin-left: 4%;
  position: relative;
  float: left;
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img {
  width: 100%;
  height: auto;
}

.purchase .mainCon .albumBox .contents .twoBox02 .txtBox,
.rental .mainCon .albumBox .contents .twoBox02 .txtBox {
  width: 38%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox02 .txtBox,
.rental .mainCon .albumBox .contents .twoBox02 .txtBox {
    width: 90%;
    margin: 0 auto 10px;
    float: none;
  }
}
.purchase .mainCon .albumBox01,
.rental .mainCon .albumBox01 {
  padding-top: 0px !important;
  margin-top: -30px;
}

.purchase .mainCon .albumBox01 .largeWrapp,
.rental .mainCon .albumBox01 .largeWrapp {
  padding-top: 290px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox01 .largeWrapp,
.rental .mainCon .albumBox01 .largeWrapp {
    padding-top: 110px;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox02,
.rental .mainCon .albumBox02 {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox03,
.rental .mainCon .albumBox03 {
    padding-top: 40px !important;
  }
}
.purchase .mainCon .afterTxt,
.rental .mainCon .afterTxt {
  background-color: #ccc;
  padding-bottom: 30px;
}

.purchase .mainCon .afterTxt p,
.rental .mainCon .afterTxt p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #e27888;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .afterTxt p,
.rental .mainCon .afterTxt p {
    font-size: 1.6rem;
  }
}
.purchase .mainCon .bnrBox,
.rental .mainCon .bnrBox {
  text-align: center;
  margin-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .bnrBox,
.rental .mainCon .bnrBox {
    width: 90%;
    margin: 0 auto 50px;
  }
  .purchase .mainCon .bnrBox img,
.rental .mainCon .bnrBox img {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .bnrBox a,
.rental .mainCon .bnrBox a {
  transition: 0.5s;
}

.purchase .mainCon .bnrBox a:focus,
.purchase .mainCon .bnrBox a:hover,
.rental .mainCon .bnrBox a:focus,
.rental .mainCon .bnrBox a:hover {
  transition: 0.3 s;
  opacity: 0.5;
}

.purchase .mainCon .blogBox,
.rental .mainCon .blogBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
}

.purchase .mainCon .blogBox .blogList,
.rental .mainCon .blogBox .blogList {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .blogBox .blogList,
.rental .mainCon .blogBox .blogList {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.purchase .mainCon .blogBox .blogList .imgBox,
.rental .mainCon .blogBox .blogList .imgBox {
  width: 28%;
  position: relative;
}

.purchase .mainCon .blogBox .blogList .imgBox .thumbnail,
.rental .mainCon .blogBox .blogList .imgBox .thumbnail {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.purchase .mainCon .blogBox .blogList .imgBox img,
.rental .mainCon .blogBox .blogList .imgBox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.purchase .mainCon .blogBox .blogList .txtBox,
.rental .mainCon .blogBox .blogList .txtBox {
  width: 70%;
}

.purchase .mainCon .blogBox .blogList .txtBox .date,
.rental .mainCon .blogBox .blogList .txtBox .date {
  font-size: 1.2rem;
}

.purchase .mainCon .blogBox .blogList .txtBox h5,
.rental .mainCon .blogBox .blogList .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
  font-weight: 700;
}

.purchase .mainCon .blogBox .blogList .txtBox h5 a,
.rental .mainCon .blogBox .blogList .txtBox h5 a {
  font-weight: 700;
}

.purchase .mainCon .blogBox .blogList .txtBox p,
.rental .mainCon .blogBox .blogList .txtBox p {
  color: #595454;
  font-size: 1.4rem;
  overflow: hidden;
  height: 64px;
}

.purchase .mainCon .blogBox .btn,
.rental .mainCon .blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .blogBox .btn,
.rental .mainCon .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.purchase .mainCon .blogBox .btn p,
.rental .mainCon .blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .blogBox .btn p,
.rental .mainCon .blogBox .btn p {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .inrBox,
.rental .mainCon .inrBox {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
/* .studio .mainCon h4 {
    font-size: 2.1rem;
    margin-bottom: 20px;
    text-align: center;
    color: #595454;
} */
@media screen and (max-width: 821px) {
  .studio .mainCon h4 {
    font-size: 2.1rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 821px) {
  .studio .mainCon .jpnTtl {
    position: absolute;
    top: 9px;
  }
}
@media screen and (max-width: 821px) {
  .studio .mainCon .ttlBg01 h2:before,
.studio .mainCon .ttlBg01 h3:before,
.studio .mainCon .ttlBg02 h2:before,
.studio .mainCon .ttlBg02 h3:before {
    width: 20%;
    height: 155%;
    top: -50px;
  }
}
@media screen and (max-width: 370px) {
  .studio .mainCon .ttlBg-back {
    top: 160px;
  }
}
.studio .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 {
    padding-bottom: 30px;
  }
}
.studio .mainCon .conBox02 {
  background-color: #e7e7e7;
  padding-bottom: 100px;
}

.studio .mainCon .conBox01 .inrBox01 {
  padding-bottom: 0px !important;
}

.studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox {
  width: 49%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox {
    width: 100%;
  }
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox img,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox img {
    width: 100%;
    height: auto;
  }
}
.studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox h5,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox h5 {
  font-size: 1.8rem;
  font-weight: 700;
}

/* .studio .mainCon .conBox01 .inrBox01 .twoColumn .txtBox {
    padding: 30px 15px;
    width: 92%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: -100px;
    left: 4%;
    right: 4%;
    background: rgba(255,255,255,.9);
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.9)));
    background: linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.9));
    border-radius: 20px;
    height: 100%;
} */
@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .txtBox {
    top: -30px;
  }
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .txtBox h4 {
    font-size: 1.8rem;
  }
}
.studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox {
  margin-right: 2%;
}

.studio .mainCon .conBox01 .inrBox02 {
  padding-top: 0px !important;
}

.studio .mainCon .conBox01 .inrBox02 .threeColumn {
  width: 810px;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn {
    width: 100%;
  }
}
.studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox {
  width: 30%;
  float: left;
  margin-left: 3%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox {
    width: 48%;
    margin-left: 0;
    margin-bottom: 2%;
  }
}
.studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox:nth-of-type(1) {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox:nth-of-type(3) {
    margin-left: 2%;
  }
}
.studio .mainCon .conBox02 .imgBox {
  width: 100%;
  height: 250px;
  background: #b1a28c;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .imgBox {
    height: auto;
  }
}
.studio .mainCon .conBox02 .imgBox img {
  width: 100%;
  height: auto;
}

.studio .mainCon .conBox02 .txtBox {
  margin-bottom: 20px;
}

.studio .mainCon .conBox02 .box {
  width: 49%;
  float: left;
  margin-bottom: 5%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .box {
    width: 100%;
    float: none;
    margin-bottom: 50px;
  }
}
.studio .mainCon .conBox02 .box .readTxt {
  margin-bottom: 45px;
}

.studio .mainCon .conBox02 .box:nth-child(2),
.studio .mainCon .conBox02 .box:nth-child(4) {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .box:nth-child(2),
.studio .mainCon .conBox02 .box:nth-child(4) {
    margin-left: 0;
  }
}
.studio .mainCon .conBox02 .box:nth-child(2) .readTxt,
.studio .mainCon .conBox02 .box:nth-child(4) .readTxt {
  margin-bottom: 21px;
}

.studio .mainCon .conBox02 .tel a {
  position: relative;
}

.studio .mainCon .conBox02 .tel a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .tel a:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.studio .mainCon .conBox02 .tel a {
  color: #595454;
  transition: 0.5s;
}

.studio .mainCon .conBox02 .tel a:focus,
.studio .mainCon .conBox02 .tel a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.reservelp dl.cf,
.request dl.cf,
.reserve dl.cf {
  width: 100%;
  margin: 0 auto;
  max-width: 1050px;
}

.reservelp .leadTxt,
.request .leadTxt,
.reserve .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 700;
  text-align: left;
  margin-bottom: 25px;
}

.reservelp .input:-ms-input-placeholder,
.request .input:-ms-input-placeholder,
.reserve .input:-ms-input-placeholder {
  color: #afafaf !important;
}
.reserve .input::-moz-placeholder, .request .input::-moz-placeholder, .reserve .input::-moz-placeholder,
.reservelp .input::-moz-placeholder, .request .input::-moz-placeholder, .reserve .input::-moz-placeholder {
  color: #afafaf !important;
}

.reserve .input:-ms-input-placeholder, .request .input:-ms-input-placeholder, .reserve .input:-ms-input-placeholder,
.reservelp .input:-ms-input-placeholder, .request .input:-ms-input-placeholder, .reserve .input:-ms-input-placeholder {
  color: #afafaf !important;
}

.reservelp .input::placeholder,
.request .input::placeholder,
.reserve .input::placeholder {
  color: #afafaf !important;
}

.reservelp .conBox01,
.request .conBox01,
.reserve .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 100px;
}

.reservelp dl dt,
.request dl dt,
.reserve dl dt {
  font-size: 1.8rem;
  padding: 20px 10px 20px 65px;
  float: left;
  width: 30%;
  text-align: left;
  box-sizing: border-box;
  height: 68px;
  border-top: 1px solid #ddd;
  border-bottom: none;
  /*border-bottom: 1px solid #ddd;*/
  /*border-right: 1px solid #ddd;*/
  position: relative;
}

.reservelp dl dt.shopselect,
.request dl dt.shopselect,
.reserve dl dt.shopselect {
  height: 90px;
  padding: 20px 10px 0 65px;
  border-top: none;
}

@media screen and (max-width: 821px) {
  .reservelp dl dt.shopselect,
.request dl dt.shopselect,
.reserve dl dt.shopselect {
    /*height: 280px;*/
    padding: 20px 0;
  }
}
.reservelp dl dt.zip,
.request dl dt.zip,
.reserve dl dt.zip {
  font-size: 1.8rem;
  padding: 20px 10px 20px 65px;
  float: left;
  width: 30%;
  text-align: left;
  box-sizing: border-box;
  height: 110px;
  /*border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;*/
  position: relative;
}

.reservelp dl dt .tyushaku,
.request dl dt .tyushaku,
.reserve dl dt .tyushaku {
  display: block;
  font-size: 1.2rem;
  position: relative;
  top: -8px;
  text-align: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl dt .tyushaku,
.request dl dt .tyushaku,
.reserve dl dt .tyushaku {
    left: 108%;
    position: absolute;
    width: 135px;
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl dt,
.request dl dt,
.reserve dl dt {
    height: 93px;
    padding: 20px 0;
    font-size: 1.4rem;
    letter-spacing: normal;
    width: 37%;
    text-align: center;
  }
  .reservelp dl dt.zip,
.request dl dt.zip,
.reserve dl dt.zip {
    padding: 20px 0;
    letter-spacing: normal;
    width: 37%;
    text-align: center;
    height: 150px;
    font-size: 1.4rem;
  }
}
.reservelp dl dd,
.request dl dd,
.reserve dl dd {
  float: left;
  width: 70%;
  padding: 15px 15px 14px;
  box-sizing: border-box;
  height: 68px;
  /*border-bottom: 1px solid #ddd;*/
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  position: relative;
}

.reservelp dl dd.shopselect,
.request dl dd.shopselect,
.reserve dl dd.shopselect {
  height: 90px;
  border-top: none;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd.shopselect,
.request dl dd.shopselect,
.reserve dl dd.shopselect {
    height: 280px;
  }
}
.reservelp dl dd.zip,
.request dl dd.zip,
.reserve dl dd.zip {
  float: left;
  width: 70%;
  padding: 15px 15px 14px;
  box-sizing: border-box;
  height: 110px;
  /*border-bottom: 1px solid #ddd;*/
  position: relative;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd,
.request dl dd,
.reserve dl dd {
    height: 93px;
    width: 63%;
  }
  .reservelp dl dd.zip,
.request dl dd.zip,
.reserve dl dd.zip {
    width: 63%;
    height: 150px;
  }
}
.reservelp dl dd input,
.request dl dd input,
.reserve dl dd input {
  /*     width: 100%; */
  border: 1px solid #9c9c9c;
  box-sizing: border-box;
  padding: 5px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd input,
.request dl dd input,
.reserve dl dd input {
    height: 100%;
  }
}
.reservelp dl dd .wpcf7-radio label,
.request dl dd .wpcf7-radio label,
.reserve dl dd .wpcf7-radio label {
  position: relative;
  margin-right: 10px;
}

.reservelp dl dd .wpcf7-radio .wpcf7-list-item-label,
.request dl dd .wpcf7-radio .wpcf7-list-item-label,
.reserve dl dd .wpcf7-radio .wpcf7-list-item-label {
  padding-left: 20px;
}

.reservelp dl dd .wpcf7-radio input,
.request dl dd .wpcf7-radio input,
.reserve dl dd .wpcf7-radio input {
  width: auto;
  position: absolute;
  left: 0;
  top: 3px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .wpcf7-radio input,
.request dl dd .wpcf7-radio input,
.reserve dl dd .wpcf7-radio input {
    height: auto;
  }
}
.reservelp dl dd textarea,
.request dl dd textarea,
.reserve dl dd textarea {
  width: 100%;
  resize: none;
  box-sizing: border-box;
  padding: 5px;
  min-height: 150px;
}

.reservelp dl dd .wpcf7-form-control-wrap,
.request dl dd .wpcf7-form-control-wrap,
.reserve dl dd .wpcf7-form-control-wrap {
  position: static;
}

.reservelp dl dd .wpcf7-not-valid-tip,
.request dl dd .wpcf7-not-valid-tip,
.reserve dl dd .wpcf7-not-valid-tip {
  position: absolute;
  top: 29px;
  left: 0;
  padding: 5px;
  box-sizing: content-box;
  height: 100%;
  display: block;
  line-height: 1;
  pointer-events: none;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .wpcf7-not-valid-tip,
.request dl dd .wpcf7-not-valid-tip,
.reserve dl dd .wpcf7-not-valid-tip {
    top: 0;
    font-size: 1.2rem;
    line-height: 1;
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 813px) {
  .reservelp dl dd .your-calendar,
.request dl dd .your-calendar,
.reserve dl dd .your-calendar {
    position: relative;
  }
  .reservelp dl dd .your-calendar .wpcf7-not-valid-tip,
.request dl dd .your-calendar .wpcf7-not-valid-tip,
.reserve dl dd .your-calendar .wpcf7-not-valid-tip {
    top: -9px;
    left: 150px;
    width: 100%;
  }
}
.reservelp dl dd .your-birthday,
.reservelp dl dd .your-birthday-02,
.reservelp dl dd .your-birthday-03,
.request dl dd .your-birthday,
.request dl dd .your-birthday-02,
.request dl dd .your-birthday-03,
.reserve dl dd .your-birthday-01,
.reserve dl dd .your-birthday-02,
.reserve dl dd .your-birthday-03 {
  display: block;
  float: left;
  position: static;
}

.reservelp dl dd .your-birthday-01 input,
.reservelp dl dd .your-birthday-02 input,
.reservelp dl dd .your-birthday-03 input,
.request dl dd .your-birthday-01 input,
.request dl dd .your-birthday-02 input,
.request dl dd .your-birthday-03 input,
.reserve dl dd .your-birthday-01 input,
.reserve dl dd .your-birthday-02 input,
.reserve dl dd .your-birthday-03 input {
  text-align: right;
}

.reservelp dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-03 .wpcf7-not-valid-tip {
  position: absolute;
  left: 17px;
  top: auto;
  bottom: -59px;
  width: 100%;
  pointer-events: none;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-03 .wpcf7-not-valid-tip {
    top: 0;
    left: 0;
  }
}
.reservelp dl dd .your-birthday-01,
.request dl dd .your-birthday-01,
.reserve dl dd .your-birthday-01 {
  width: 60px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-01,
.request dl dd .your-birthday-01,
.reserve dl dd .your-birthday-01 {
    width: 45px;
    text-align: center;
  }
}
.reservelp dl dd .your-birthday-02,
.request dl dd .your-birthday-02,
.reserve dl dd .your-birthday-02 {
  width: 45px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-02,
.request dl dd .your-birthday-02,
.reserve dl dd .your-birthday-02 {
    width: 25px;
    text-align: center;
  }
}
.reservelp dl dd .your-birthday-03,
.request dl dd .your-birthday-03,
.reserve dl dd .your-birthday-03 {
  width: 45px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-03,
.request dl dd .your-birthday-03,
.reserve dl dd .your-birthday-03 {
    width: 25px;
    text-align: center;
  }
}
.reservelp dl dd .your-contents,
.request dl dd .your-contents,
.reserve dl dd .your-contents {
  top: 0;
}

.reservelp dl dd .unitFont,
.request dl dd .unitFont,
.reserve dl dd .unitFont {
  margin-left: 5px;
  position: relative;
  top: 8px;
  float: left;
}

.reservelp dl dd #your-address01,
.request dl dd #your-address01,
.reserve dl dd #your-address01 {
  width: 20%;
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd #your-address01,
.request dl dd #your-address01,
.reserve dl dd #your-address01 {
    width: 100%;
    float: none;
    margin-bottom: 2%;
    height: auto;
  }
}
.reservelp dl dd #your-address02,
.request dl dd #your-address02,
.reserve dl dd #your-address02 {
  width: 77%;
  margin-left: 3%;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd #your-address02,
.request dl dd #your-address02,
.reserve dl dd #your-address02 {
    width: 100%;
    margin-left: 0;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl dd .unitFont,
.request dl dd .unitFont,
.reserve dl dd .unitFont {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .wpcf7-not-valid-tip,
.request dl .wpcf7-not-valid-tip,
.reserve dl .wpcf7-not-valid-tip {
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd,
.reservelp dl .yourCalendarWrappDt,
.request dl .yourCalendarWrappDd,
.request dl .yourCalendarWrappDt,
.reserve dl .yourCalendarWrappDd,
.reserve dl .yourCalendarWrappDt {
    height: 115px;
  }
}
.reservelp dl .yourCalendarWrappDd .your-calendar input,
.reservelp dl .yourCalendarWrappDt .your-calendar input,
.request dl .yourCalendarWrappDd .your-calendar input,
.request dl .yourCalendarWrappDt .your-calendar input,
.reserve dl .yourCalendarWrappDd .your-calendar input,
.reserve dl .yourCalendarWrappDt .your-calendar input {
  float: left;
  margin-right: 15px;
  width: auto;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .your-calendar input,
.reservelp dl .yourCalendarWrappDt .your-calendar input,
.request dl .yourCalendarWrappDd .your-calendar input,
.request dl .yourCalendarWrappDt .your-calendar input,
.reserve dl .yourCalendarWrappDd .your-calendar input,
.reserve dl .yourCalendarWrappDt .your-calendar input {
    float: none;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .your-calendar input,
.reservelp dl .yourCalendarWrappDt .your-calendar input,
.request dl .yourCalendarWrappDd .your-calendar input,
.request dl .yourCalendarWrappDt .your-calendar input,
.reserve dl .yourCalendarWrappDd .your-calendar input,
.reserve dl .yourCalendarWrappDt .your-calendar input {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
}
.reservelp dl .yourCalendarWrappDd .time,
.reservelp dl .yourCalendarWrappDt .time,
.request dl .yourCalendarWrappDd .time,
.request dl .yourCalendarWrappDt .time,
.reserve dl .yourCalendarWrappDd .time,
.reserve dl .yourCalendarWrappDt .time {
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .time,
.reservelp dl .yourCalendarWrappDt .time,
.request dl .yourCalendarWrappDd .time,
.request dl .yourCalendarWrappDt .time,
.reserve dl .yourCalendarWrappDd .time,
.reserve dl .yourCalendarWrappDt .time {
    margin-top: 10px;
  }
}
.reservelp dl .yourCalendarWrappDd .time .dropDownTime,
.reservelp dl .yourCalendarWrappDt .time .dropDownTime,
.request dl .yourCalendarWrappDd .time .dropDownTime,
.request dl .yourCalendarWrappDt .time .dropDownTime,
.reserve dl .yourCalendarWrappDd .time .dropDownTime,
.reserve dl .yourCalendarWrappDt .time .dropDownTime {
  height: 38px;
  border-radius: 0;
  border: 1px solid #9c9c9c;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .unitFont,
.reservelp dl .yourCalendarWrappDt .unitFont,
.request dl .yourCalendarWrappDd .unitFont,
.request dl .yourCalendarWrappDt .unitFont,
.reserve dl .yourCalendarWrappDd .unitFont,
.reserve dl .yourCalendarWrappDt .unitFont {
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    top: 0;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDt,
.request dl .yourCalendarWrappDt,
.reserve dl .yourCalendarWrappDt {
    height: 135px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd,
.request dl .yourCalendarWrappDd,
.reserve dl .yourCalendarWrappDd {
    padding: 25px 15px 23px;
    height: 135px;
  }
}
.reservelp dl .yourCalendarWrappDd .your-calendar,
.request dl .yourCalendarWrappDd .your-calendar,
.reserve dl .yourCalendarWrappDd .your-calendar {
  position: static !important;
}

.reservelp dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.request dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.reserve dl .yourCalendarWrappDd .wpcf7-not-valid-tip {
  width: 812px !important;
  width: 100vw !important;
  left: 16px !important;
  top: 50px !important;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.request dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.reserve dl .yourCalendarWrappDd .wpcf7-not-valid-tip {
    top: 3px !important;
    bottom: auto;
  }
}
.reservelp dl .shopSelectWrappDd,
.request dl .shopSelectWrappDd,
.reserve dl .shopSelectWrappDd {
  padding: 10px 0 0;
}

.reservelp dl .shopSelectWrappDd .shopselect,
.request dl .shopSelectWrappDd .shopselect,
.reserve dl .shopSelectWrappDd .shopselect {
  position: relative;
  top: -10px;
}

.reservelp dl .shopSelectWrappDd .shopselect input,
.request dl .shopSelectWrappDd .shopselect input,
.reserve dl .shopSelectWrappDd .shopselect input {
  width: auto;
}

.reservelp dl .shopSelectWrappDd .shopselect .wpcf7-list-item,
.request dl .shopSelectWrappDd .shopselect .wpcf7-list-item,
.reserve dl .shopSelectWrappDd .shopselect .wpcf7-list-item {
  display: inline-block;
  margin-right: 10px;
  height: 17px;
}

.reservelp dl .shopSelectWrappDd .shopselect .wpcf7-list-item-label,
.request dl .shopSelectWrappDd .shopselect .wpcf7-list-item-label,
.reserve dl .shopSelectWrappDd .shopselect .wpcf7-list-item-label {
  position: relative;
}

.reservelp dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.request dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.reserve dl .shopSelectWrappDd .wpcf7-not-valid-tip {
  width: 812px !important;
  width: 100vw !important;
  right: 0 !important;
  top: 30px !important;
  left: 100%;
  float: right;
}

@media screen and (max-width: 821px) {
  .reservelp dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.request dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.reserve dl .shopSelectWrappDd .wpcf7-not-valid-tip {
    left: 15px;
    top: 98% !important;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .shopSelectWrappDd,
.reservelp dl .shopSelectWrappDt,
.request dl .shopSelectWrappDd,
.request dl .shopSelectWrappDt,
.reserve dl .shopSelectWrappDd,
.reserve dl .shopSelectWrappDt {
    height: 155px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .your-mailDd,
.reservelp dl .your-name01Dd,
.reservelp dl .your-name02Dd,
.reservelp dl .your-telDd,
.request dl .your-mailDd,
.request dl .your-name01Dd,
.request dl .your-name02Dd,
.request dl .your-telDd,
.reserve dl .your-mailDd,
.reserve dl .your-name01Dd,
.reserve dl .your-name02Dd,
.reserve dl .your-telDd {
    padding: 30px 15px;
  }
  .reservelp dl .your-mailDd input,
.reservelp dl .your-name01Dd input,
.reservelp dl .your-name02Dd input,
.reservelp dl .your-telDd input,
.request dl .your-mailDd input,
.request dl .your-name01Dd input,
.request dl .your-name02Dd input,
.request dl .your-telDd input,
.reserve dl .your-mailDd input,
.reserve dl .your-name01Dd input,
.reserve dl .your-name02Dd input,
.reserve dl .your-telDd input {
    height: 100%;
  }
  .reservelp dl .your-mailDd .wpcf7-not-valid-tip,
.reservelp dl .your-name01Dd .wpcf7-not-valid-tip,
.reservelp dl .your-name02Dd .wpcf7-not-valid-tip,
.reservelp dl .your-telDd .wpcf7-not-valid-tip,
.request dl .your-mailDd .wpcf7-not-valid-tip,
.request dl .your-name01Dd .wpcf7-not-valid-tip,
.request dl .your-name02Dd .wpcf7-not-valid-tip,
.request dl .your-telDd .wpcf7-not-valid-tip,
.reserve dl .your-mailDd .wpcf7-not-valid-tip,
.reserve dl .your-name01Dd .wpcf7-not-valid-tip,
.reserve dl .your-name02Dd .wpcf7-not-valid-tip,
.reserve dl .your-telDd .wpcf7-not-valid-tip {
    top: -20px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .addressBoxDd,
.request dl .addressBoxDd,
.reserve dl .addressBoxDd {
    padding: 17px 15px 16px;
  }
}
.reservelp dl .your-address01,
.reservelp dl .your-address02,
.request dl .your-address01,
.request dl .your-address02,
.reserve dl .your-address01,
.reserve dl .your-address02 {
  position: static !important;
}

.reservelp dl .your-address01 .wpcf7-not-valid-tip,
.reservelp dl .your-address02 .wpcf7-not-valid-tip,
.request dl .your-address01 .wpcf7-not-valid-tip,
.request dl .your-address02 .wpcf7-not-valid-tip,
.reserve dl .your-address01 .wpcf7-not-valid-tip,
.reserve dl .your-address02 .wpcf7-not-valid-tip {
  top: 48px;
  left: 15px;
}

@media screen and (max-width: 821px) {
  .reservelp dl .your-address01 .wpcf7-not-valid-tip,
.reservelp dl .your-address02 .wpcf7-not-valid-tip,
.request dl .your-address01 .wpcf7-not-valid-tip,
.request dl .your-address02 .wpcf7-not-valid-tip,
.reserve dl .your-address01 .wpcf7-not-valid-tip,
.reserve dl .your-address02 .wpcf7-not-valid-tip {
    top: -2px;
    bottom: auto;
  }
}
.reservelp dl dt:nth-last-of-type(1),
.request dl dt:nth-last-of-type(1),
.reserve dl dt:nth-last-of-type(1) {
  height: 200px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dt:nth-last-of-type(1),
.request dl dt:nth-last-of-type(1),
.reserve dl dt:nth-last-of-type(1) {
    height: 230px;
  }
}
.reservelp dl dd:nth-last-of-type(1),
.request dl dd:nth-last-of-type(1),
.reserve dl dd:nth-last-of-type(1) {
  height: auto;
}

.reservelp dl .yourRequiestDd,
.reservelp dl .yourRequiestDt,
.request dl .yourRequiestDd,
.request dl .yourRequiestDt,
.reserve dl .yourRequiestDd,
.reserve dl .yourRequiestDt {
  height: 101px;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourRequiestDd,
.reservelp dl .yourRequiestDt,
.request dl .yourRequiestDd,
.request dl .yourRequiestDt,
.reserve dl .yourRequiestDd,
.reserve dl .yourRequiestDt {
    height: 265px;
  }
}
.reservelp dl .itemBoxWrappDd,
.reservelp dl .yourRequiestDd,
.request dl .itemBoxWrappDd,
.request dl .yourRequiestDd,
.reserve dl .itemBoxWrappDd,
.reserve dl .yourRequiestDd {
  padding-left: 0;
}

.reservelp dl .itemBoxWrappDd,
.request dl .itemBoxWrappDd,
.reserve dl .itemBoxWrappDd {
  padding-top: 17px;
}

.reservelp dl .yourRequiestDt,
.request dl .yourRequiestDt,
.reserve dl .yourRequiestDt {
  padding-top: 34px;
  padding-bottom: 10px;
}

.reservelp dl .yourRequiestDt span,
.request dl .yourRequiestDt span,
.reserve dl .yourRequiestDt span {
  top: 25px;
}

@media screen and (max-width: 821px) {
  .reservelp dl .addressBox,
.request dl .addressBox,
.reserve dl .addressBox {
    height: 110px;
  }
}
.reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
  font-size: 1.4rem;
  padding: 5px;
  background: #9b9f33;
  margin-left: 5px;
  border-radius: 3px;
  color: #fff;
}

@media screen and (min-width: 813px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    top: 16px;
    position: absolute;
  }
}
@media screen and (min-width: 1001px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    right: 51px;
  }
}
@media screen and (max-width: 1000px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    right: 40px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    width: 56%;
    margin: 5px auto 0;
    display: block;
    padding: 0;
  }
}
@media screen and (min-width: 813px) {
  .reservelp dl .yourRequiestDt span,
.request dl .yourRequiestDt span,
.reserve dl .yourRequiestDt span {
    top: 32px !important;
    position: absolute !important;
  }
}
.reservelp .yourContentsDd,
.request .yourContentsDd,
.reserve .yourContentsDd {
  padding-bottom: 19px;
  padding-top: 20px;
  padding-left: 15px;
}

@media screen and (max-width: 821px) {
  .reservelp .yourContentsDd,
.request .yourContentsDd,
.reserve .yourContentsDd {
    padding-bottom: 43px;
  }
}
.reservelp .privacyBtn,
.request .privacyBtn,
.reserve .privacyBtn {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.reservelp .submitBtn,
.request .submitBtn,
.reserve .submitBtn {
  margin: 50px auto;
}

.reservelp .submitBtn .btnWrapp,
.request .submitBtn .btnWrapp,
.reserve .submitBtn .btnWrapp {
  position: relative;
  width: 300px;
  height: 64px;
  margin: 0 auto;
}

.reservelp .submitBtn .btnWrapp input,
.request .submitBtn .btnWrapp input,
.reserve .submitBtn .btnWrapp input {
  font-size: 2rem;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1;
  border: 2px solid #9b9f33;
  position: relative;
  display: block;
  width: 300px;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 90%;
  z-index: 1;
}

@media screen and (max-width: 1120px) {
  .reservelp .submitBtn .btnWrapp input,
.request .submitBtn .btnWrapp input,
.reserve .submitBtn .btnWrapp input {
    width: 100%;
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .reservelp .submitBtn .btnWrapp input,
.request .submitBtn .btnWrapp input,
.reserve .submitBtn .btnWrapp input {
    font-size: 2rem;
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 13px;
    background-position-x: 95%;
    border: 1px solid #9b9f33;
  }
}
.reservelp .submitBtn .btnWrapp input:after,
.request .submitBtn .btnWrapp input:after,
.reserve .submitBtn .btnWrapp input:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
  left: 0;
  top: 0;
  pointer-events: auto;
}

.reservelp .submitBtn .btnWrapp input:hover:after,
.request .submitBtn .btnWrapp input:hover:after,
.reserve .submitBtn .btnWrapp input:hover:after {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

.reservelp .submitBtn .btnWrapp input:hover:before,
.request .submitBtn .btnWrapp input:hover:before,
.reserve .submitBtn .btnWrapp input:hover:before {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .reservelp .submitBtn .btnWrapp input:hover p:after,
.request .submitBtn .btnWrapp input:hover p:after,
.request .submitBtn .btnWrapp input:hover p:before,
.reserve .submitBtn .btnWrapp input:hover p:after,
.reserve .submitBtn .btnWrapp input:hover p:before {
    background: rgba(155, 159, 51, 0.4);
    transition: 0.3s;
  }
}
.reservelp .submitBtn .btnWrapp input:disabled,
.request .submitBtn .btnWrapp input:disabled,
.reserve .submitBtn .btnWrapp input:disabled {
  background: #ddd;
  border: 2px solid #cdcdcd;
  color: #aaa;
}

.reservelp .submitBtn .ajax-loader,
.request .submitBtn .ajax-loader,
.reserve .submitBtn .ajax-loader {
  position: absolute;
  bottom: -30px;
}

.reservelp .wpcf7-box02,
.request .wpcf7-box02,
.reserve .wpcf7-box02 {
  width: 698px;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .reservelp .wpcf7-box02,
.request .wpcf7-box02,
.reserve .wpcf7-box02 {
    width: 100%;
  }
}
@media screen and (min-width: 813px) {
  .reservelp .wpcf7-box02 .btnWrapp:nth-of-type(1),
.request .wpcf7-box02 .btnWrapp:nth-of-type(1),
.reserve .wpcf7-box02 .btnWrapp:nth-of-type(1) {
    margin-right: 30px;
  }
}
.reservelp .wpcf7-box02 .btnWrapp,
.request .wpcf7-box02 .btnWrapp,
.reserve .wpcf7-box02 .btnWrapp {
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp .wpcf7-box02 .btnWrapp,
.request .wpcf7-box02 .btnWrapp,
.reserve .wpcf7-box02 .btnWrapp {
    margin: 0 auto 15px;
    float: none;
  }
}
.reservelp .wpcf7-box02 .btnWrapp input,
.request .wpcf7-box02 .btnWrapp input,
.reserve .wpcf7-box02 .btnWrapp input {
  float: left;
}

.reservelp .privacyBtn,
.request .privacyBtn,
.reserve .privacyBtn {
  position: relative;
}

.reservelp .privacyBtn a,
.request .privacyBtn a,
.reserve .privacyBtn a {
  position: relative;
}

.reservelp .privacyBtn a:after,
.request .privacyBtn a:after,
.reserve .privacyBtn a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .reservelp .privacyBtn a:after,
.request .privacyBtn a:after,
.reserve .privacyBtn a:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.reservelp .privacyBtn a,
.request .privacyBtn a,
.reserve .privacyBtn a {
  color: #595454;
  transition: 0.5s;
}

.reservelp .privacyBtn a:focus,
.reservelp .privacyBtn a:hover,
.request .privacyBtn a:focus,
.request .privacyBtn a:hover,
.reserve .privacyBtn a:focus,
.reserve .privacyBtn a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.reservelp .privacyBtn .wpcf7-list-item,
.request .privacyBtn .wpcf7-list-item,
.reserve .privacyBtn .wpcf7-list-item {
  margin-right: 5px;
}

.reservelp .privacyPolicy,
.request .privacyPolicy,
.reserve .privacyPolicy {
  padding: 50px;
  height: 250px;
  overflow-y: scroll;
  margin: 30px auto 15px;
  border: 1px solid #ddd;
  background: #fff;
}

@media screen and (max-width: 1220px) {
  .reservelp .privacyPolicy,
.request .privacyPolicy,
.reserve .privacyPolicy {
    padding: 15px;
    height: 300px;
    width: 90%;
    margin: 30px auto 15px;
  }
}
.reservelp .privacyPolicy h4,
.request .privacyPolicy h4,
.reserve .privacyPolicy h4 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}

.reservelp .privacyPolicy .middleBox,
.request .privacyPolicy .middleBox,
.reserve .privacyPolicy .middleBox {
  margin-bottom: 40px;
}

.reservelp .privacyPolicy .smallBox:not(.smallBox03),
.request .privacyPolicy .smallBox:not(.smallBox03),
.reserve .privacyPolicy .smallBox:not(.smallBox03) {
  margin-bottom: 30px;
}

.reservelp .privacyPolicy .smallBox h5,
.request .privacyPolicy .smallBox h5,
.reserve .privacyPolicy .smallBox h5 {
  font-weight: 700;
  margin-bottom: 15px;
}
.reserve .conBox01 .inrBox01 dl .yourRequiestDt,
.reservelp .conBox01 .inrBox01 dl .yourRequiestDt {
  padding-top: 20px;
  padding-bottom: 10px;
}

.request .conBox01 .inrBox01 dl .yourRequiestDt {
  padding-top: 20px;
  padding-bottom: 10px;
}

@media screen and (min-width: 813px) {
    .reserve .shopSelectWrappDt 
    .reservelp .shopSelectWrappDt {
    padding-top: 0;
  }
  .request .shopSelectWrappDt {
    padding-top: 0;
  }
}
.oneColumnStyle,
.twoColumnStyle {
  width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 1100px) {
  .twoColumnStyle {
    width: 90%;
    margin: 0 auto;
  }
}
.twoColumnStyle .inrBox01 {
  width: 75%;
  float: left;
}

@media screen and (max-width: 821px) {
  .twoColumnStyle .inrBox01 {
    width: 100%;
    float: none;
  }
}
.twoColumnStyle .sideBar {
  width: 20%;
  float: right;
  margin-bottom: 50px;
}

@media screen and (max-width: 821px) {
  .twoColumnStyle .sideBar {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1100px) {
  .oneColumnStyle {
    width: 90%;
    margin: 0 auto;
  }
}
.oneColumnStyle .inrBox01 {
  width: 100%;
}

@media screen and (max-width: 821px) {
  .oneColumnStyle .inrBox01 {
    width: 100%;
  }
}
.sideBar {
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .sideBar {
    margin: 25px auto;
  }
}
.sideBar h4 {
  font-size: 1.7rem;
  background: #3f3f3f;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

.sideBar li {
  overflow: hidden;
  padding: 10px 7px;
  box-sizing: content-box;
  border: 1px solid #3f3f3f;
  border-top: none;
}

.sideBar li h5 {
  font-size: 1.4rem;
  height: 19px;
  overflow: hidden;
}

.sideBar li .date {
  font-size: 1.2rem;
  color: #b5b5b5;
  display: block;
}

.sideBar .sideBox {
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .sideBar .sideBox {
    width: 95%;
    margin: 0 auto 30px;
  }
}
.sideBar .sideBox01 li {
  height: 34px;
}

.sideBar .sideBox02 li {
  height: 23px;
}

.photo .mainCon .optionBox h4,
.photo .mainCon .priceBox h4,
.photo .mainCon .reasonBox h4,
.photo .mainCon .recommendBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox h4,
.photo .mainCon .priceBox h4,
.photo .mainCon .reasonBox h4,
.photo .mainCon .recommendBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .optionBox h4 span,
.photo .mainCon .priceBox h4 span,
.photo .mainCon .reasonBox h4 span,
.photo .mainCon .recommendBox h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .optionBox h4 .font-eng02,
.photo .mainCon .priceBox h4 .font-eng02,
.photo .mainCon .reasonBox h4 .font-eng02,
.photo .mainCon .recommendBox h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.photo .mainCon .optionBox h4 .font-eng02:first-letter,
.photo .mainCon .priceBox h4 .font-eng02:first-letter,
.photo .mainCon .reasonBox h4 .font-eng02:first-letter,
.photo .mainCon .recommendBox h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.photo .mainCon .optionBox h4 .font-eng02:nth-of-type(2),
.photo .mainCon .priceBox h4 .font-eng02:nth-of-type(2),
.photo .mainCon .reasonBox h4 .font-eng02:nth-of-type(2),
.photo .mainCon .recommendBox h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox h4 .font-eng02,
.photo .mainCon .priceBox h4 .font-eng02,
.photo .mainCon .reasonBox h4 .font-eng02,
.photo .mainCon .recommendBox h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .photo .mainCon .optionBox h4 .font-eng02:first-letter,
.photo .mainCon .priceBox h4 .font-eng02:first-letter,
.photo .mainCon .reasonBox h4 .font-eng02:first-letter,
.photo .mainCon .recommendBox h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.photo .mainCon .mainTtl {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .mainTtl {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .mainTtl span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .mainTtl .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.photo .mainCon .mainTtl .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.photo .mainCon .mainTtl .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .mainTtl .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .photo .mainCon .mainTtl .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
/*.photo .mainCon .conBox01 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.photo .mainCon .recommendBox {
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox {
    float: none;
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp {
  margin-top: 40px;
  margin-bottom: 50px;
  width: 655px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp {
    width: 100%;
    float: none;
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp .circleBox {
  border-radius: 95px;
  background: #1a1a3c;
  height: 170px;
  width: 170px;
  float: left;
  margin-right: 70px;
  margin-bottom: 20px;
  position: relative;
  box-sizing: content-box;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox {
    padding: 10px;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox {
    width: 47%;
    height: 47%;
    padding-top: 47%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
}
@media screen and (min-width: 813px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox:nth-of-type(3n) {
    margin-left: 133px;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox:nth-of-type(2n) {
    margin-left: 3%;
    margin-right: 0;
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp .circleBox:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 3px;
  top: 3px;
  height: 182px;
  width: 182px;
  border-radius: 95px;
  border: 1px solid #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox:before {
    width: 94%;
    height: 94%;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr {
  font-size: 1.4rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr * {
  color: #fff;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr {
    width: 94%;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
  }
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr * {
    font-size: 1.1rem;
    line-height: 1;
  }
}
.photo .mainCon .recommendBox .imgBox {
  position: relative;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .imgBox {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .photo .mainCon .recommendBox .imgBox img {
    width: 100%;
    height: auto;
  }
}
.photo .mainCon .recommendBox .imgBox img {
  position: relative;
  z-index: 1;
}

.photo .mainCon .recommendBox .imgBox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 7px;
  left: -15px;
  bottom: -15px;
  z-index: 0;
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .btn {
    margin-bottom: 0;
  }
  .photo .mainCon .recommendBox .btn,
.photo .mainCon .recommendBox .btn:after,
.photo .mainCon .recommendBox .btn:before {
    width: 100%;
  }
  .photo .mainCon .recommendBox .btn:after,
.photo .mainCon .recommendBox .btn:before {
    height: 100%;
  }
}
.photo .mainCon .recommendBox .btn {
  width: 30%;
  margin: 50px auto;
}

.photo .mainCon .recommendBox .btn p {
  width: 100%;
  background-position-x: 90%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .btn p {
    background-position-x: 95%;
  }
}
.photo .mainCon .recommendBox .btn:before {
  width: 100%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .btn {
    width: 80%;
    margin: 50px auto;
  }
}
.photo .mainCon .reasonBox {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

.photo .mainCon .reasonBox .threeColumn .centerBox,
.photo .mainCon .reasonBox .threeColumn .leftBox,
.photo .mainCon .reasonBox .threeColumn .rightBox {
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .reasonBox .threeColumn .centerBox,
.photo .mainCon .reasonBox .threeColumn .leftBox,
.photo .mainCon .reasonBox .threeColumn .rightBox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
.photo .mainCon .reasonBox .threeColumn .engWrapp {
  margin-bottom: 0;
}

.photo .mainCon .reasonBox .threeColumn .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .reasonBox .threeColumn .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.photo .mainCon .reasonBox .threeColumn .font-eng02:first-letter,
.photo .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.photo .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.photo .mainCon .reasonBox .threeColumn .centerBox {
  margin-left: 2%;
  margin-right: 2%;
}

.photo .mainCon .reasonBox .threeColumn .imgBox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .reasonBox .threeColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
.photo .mainCon .reasonBox .threeColumn .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
}

.photo .mainCon .reasonBox .threeColumn .txtBox p {
  color: #595454;
}

.photo .mainCon .priceBox {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox {
    padding-top: 110px !important;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea {
  margin-top: -70px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea {
    margin-top: -50px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop {
  width: 100%;
  padding-left: 200px;
  padding-right: 200px;
  box-sizing: border-box;
  padding-bottom: 80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox {
  float: left;
  width: 22%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox:nth-of-type(2),
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox:nth-of-type(3),
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox:nth-of-type(4) {
  margin-left: 4%;
  margin-bottom: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox {
    width: 46%;
    margin-left: 4%;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox .imgBox {
  width: 100%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox .imgBox img {
  width: 100%;
  height: auto;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox .txtBox {
  text-align: center;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #1a1a3c;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p {
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p {
    font-size: 2.2rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .bigFont {
  font-size: 4.2rem;
  color: #fff;
  margin-left: 5px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .bigFont {
    font-size: 4rem;
    color: #fff;
    margin-left: 5px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .unitFont {
  color: #fff;
  font-size: 3rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .unitFont {
    font-size: 1.4rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .taxFont {
  color: #fff;
  margin-left: 5px;
  font-size: 2.4rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .taxFont {
    font-size: 1.4rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom {
  padding-top: 80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom {
    padding-top: 40px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom h4 {
  margin-bottom: 50px;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox {
  width: 44%;
  margin-left: 4%;
  border: 1px solid #595454;
  float: left;
  margin-bottom: 4%;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox {
    width: 90%;
    margin: 0 auto 4%;
    float: none;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .imgBox {
  float: left;
  width: 28%;
  text-align: center;
  height: 90%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .imgBox img {
  width: 90%;
  height: auto;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox {
  width: 70%;
  float: right;
  margin-top: 5%;
  margin-bottom: 5%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
    font-size: 1.2rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox p {
  font-size: 1.4rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox p {
    font-size: 1rem;
  }
}
.photo .mainCon .optionBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 100px;
}

.photo .mainCon .optionBox h4 {
  margin-bottom: 30px;
}

.photo .mainCon .optionBox .leadTxt {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 80px;
}

.photo .mainCon .optionBox .listBox:not(.bigList) {
  width: 44%;
  margin-left: 4%;
  margin-bottom: 0;
  float: left;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .optionBox .listBox:not(.bigList):nth-of-type(2n) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.photo .mainCon .optionBox .listBox:not(.bigList) h5 {
  font-size: 2rem;
  background: #1a1a3c;
  color: #fff;
  line-height: 50px;
  position: relative;
  left: -15px;
  top: 35px;
  z-index: 2;
  display: inline-block;
  padding-right: 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) h5 {
    font-size: 1.2rem;
    width: 95%;
    letter-spacing: normal;
    padding-right: 0;
    line-height: 40px;
  }
}
.photo .mainCon .optionBox .listBox:not(.bigList) h5 .numberFont {
  background: #fff;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 30px;
  color: #1a1a3c;
  margin-right: 15px;
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) h5 .numberFont {
    width: 20px;
    height: 20px;
    line-height: 30px;
    font-size: 1.6rem;
    line-height: 20px;
    margin-right: 5px;
    margin-left: 5px;
  }
}
.photo .mainCon .optionBox .listBox:not(.bigList) .imgBox {
  position: relative;
}

.photo .mainCon .optionBox .listBox:not(.bigList) .imgBox img:not(.arrowInt) {
  width: 100%;
  height: auto;
}

.photo .mainCon .optionBox .listBox:not(.bigList) .imgBox .arrowInt {
  position: absolute;
  bottom: -200px;
  right: 0;
  z-index: 3;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) .imgBox .arrowInt {
    bottom: -140px;
    width: 20%;
    height: 80%;
  }
}
.photo .mainCon .optionBox .bigList {
  width: 100%;
  position: relative;
  margin-top: 100px;
}

.photo .mainCon .optionBox .bigList .txtBox {
  position: absolute;
  top: 60px;
  left: 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox {
    top: 50%;
    left: -9px;
    z-index: 3;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 {
  position: relative;
  font-size: 4.1rem;
  color: #1a1a3c;
  z-index: 2;
  transform: rotate(-5deg);
  font-weight: 700;
  text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 {
    font-size: 2.8rem;
    left: 0;
    top: 0;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 .checkIt {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 .checkIt {
    width: 5%;
    height: 5%;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 .checkIt01 {
  transform: rotate(13deg);
  background: url("images/checkIt.png") no-repeat right center;
  top: -13px;
  right: -66px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 .checkIt01 {
    top: 50%;
    right: -10%;
    background-size: cover;
    width: 12%;
    height: 18%;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 .checkIt02 {
  transform: rotate(-30deg);
  background: url("images/checkIt.png") no-repeat right center;
  top: -35px;
  right: -61px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 .checkIt02 {
    top: 15%;
    right: -9%;
    background-size: cover;
    width: 12%;
    height: 18%;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp {
  position: relative;
}

.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 {
  position: absolute;
  top: 180px;
  right: 51px;
  transform: rotate(-5deg);
  z-index: 1;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 {
    width: 60%;
    position: absolute;
    bottom: -70px;
    top: auto;
    right: 10px;
    transform: rotate(-5deg);
    z-index: 1;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 img {
  width: 80%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 img {
    width: 100%;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 {
  position: absolute;
  top: -70px;
  right: 20px;
  transform: rotate(10deg);
  z-index: 2;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 {
    width: 30%;
    position: absolute;
    bottom: 50px;
    right: 0;
    top: auto;
    transform: rotate(10deg);
    z-index: 2;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 img {
  width: 80%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 img {
    width: 100%;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox03 img {
  width: 100%;
  height: auto;
}

.photo .mainCon .optionBox .borderBox {
  margin-top: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox {
    margin-top: 150px;
  }
}
.photo .mainCon .optionBox .borderBox .borderBoxTtl {
  position: relative;
  top: -60px;
  margin-bottom: 0;
}

.photo .mainCon .optionBox .borderBox .borderBoxTtl:after,
.photo .mainCon .optionBox .borderBox .borderBoxTtl:before {
  width: 30%;
  top: 60px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .borderBoxTtl:after,
.photo .mainCon .optionBox .borderBox .borderBoxTtl:before {
    width: 7%;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .borderBoxTtl {
    margin-bottom: -68px;
  }
}
.photo .mainCon .optionBox .borderBox h4 {
  font-size: 2rem;
  margin-bottom: -40px;
  line-height: 1;
  padding-top: 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .optionBox .borderBox h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop {
  border-bottom: 1px dotted #595454;
}

.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp {
  width: 810px;
  margin: 20px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp {
    margin-top: 0;
    width: 100%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .leftBox,
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox {
  float: left;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .leftBox,
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox {
    float: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .leftBox p {
  line-height: 1;
}

.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox {
  float: left;
  text-align: center;
  margin: 0 5%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox {
    float: left;
    width: 15%;
    margin: 0 2%;
  }
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox img {
    width: 100%;
    height: auto;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox img {
  margin-top: 20px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox img {
    margin-top: 54%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .Operation {
  margin: 31px 10px;
  float: left;
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .Operation {
    margin: 8% 5px;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox {
  float: left;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox {
    float: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox p {
  text-align: left;
  color: #595454;
  font-size: 2.8rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox p {
    font-size: 1.6rem;
    text-align: center;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .bigFont {
  font-size: 4.2rem;
  color: #ff7e71;
  margin-left: 5px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .bigFont {
    font-size: 2.2rem;
    margin-left: 0;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .unitFont {
  color: #ff7e71;
  font-size: 3rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .unitFont {
    font-size: 1.5rem;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .taxFont {
  color: #595454;
  margin-left: 15px;
  font-size: 1.9rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .taxFont {
    font-size: 1.1rem;
    margin-left: 0;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox {
  float: left;
  border-radius: 90px;
  height: 90px;
  width: 90px;
  background: #1a1a3c;
  position: relative;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox {
    width: 18%;
    height: 18%;
    padding-top: 18%;
    margin-left: 0;
    margin-top: 4%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox:before {
  position: absolute;
  border-radius: 90px;
  left: 5px;
  top: 5px;
  border: 1px solid #fff;
  height: 80px;
  width: 80px;
}

.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox .circleInr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  line-height: 1;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox .circleInr {
    font-size: 1.1rem;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .costBox04 {
  margin-top: 11px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .costBox04 {
    margin-top: 6%;
  }
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .costBox04 .bigFont {
    font-size: 2.6rem;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp {
  width: 965px;
  margin: 40px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp {
    margin: 20px auto;
    width: 100%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox {
  float: left;
  margin-left: 30px;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox .inrBox {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox {
    margin-left: 0;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox p {
  display: block;
  float: left;
  font-size: 2.2rem;
  line-height: 60px;
  margin-left: 10px;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox .imgBox {
  width: 60px;
  height: 60px;
  float: left;
  background: #fff;
  border-radius: 55px;
  position: relative;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox .imgBox img {
  width: 80%;
  height: auto;
  float: left;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 {
  width: 210px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox {
  width: 170px;
  font-size: 2.1rem;
  background: #1a1a3c;
  height: 52px;
  line-height: 50px;
  position: relative;
  border: 1px solid #1a1a3c;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox {
    width: 100%;
    line-height: 22px;
    height: 22px;
    margin: 5px auto;
    padding: 10px 5px;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 0 27px 40px;
  border-color: transparent transparent transparent #1a1a3c;
  position: absolute;
  left: 100%;
  top: -1px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox::after {
    display: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .Operation {
  margin: 15px;
  float: left;
  font-size: 2rem;
  font-weight: 700;
}

.photo .mainCon .galleryBox {
  padding-top: 100px;
}

.photo .mainCon .galleryBox .maniTtl {
  margin-bottom: 80px;
}

.photo .mainCon .galleryBox .fourstyleBoxNew {
  position: relative;
  top: 40px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .galleryBox .fourstyleBoxNew {
    top: 15px;
  }
}
.photo .mainCon .albumBox {
  padding-top: 370px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox {
    width: 100%;
    padding-top: 250px !important;
  }
  .photo .mainCon .albumBox .borderBoxTtl {
    margin-bottom: -60px;
  }
}
.photo .mainCon .albumBox .contents {
  margin-top: -80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents {
    margin-top: -60px;
  }
}
.photo .mainCon .albumBox .contents .twoBox h5 {
  font-size: 2.1rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.photo .mainCon .albumBox .contents .twoBox .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.photo .mainCon .albumBox .contents .twoBox01 {
  margin-bottom: 50px;
}

.photo .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
  width: 44%;
  height: 290px;
  position: relative;
  margin-left: 4%;
  float: left;
}

.photo .mainCon .albumBox .contents .twoBox01 .albumMainimgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
    width: 90%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox {
  width: 44%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox {
    width: 90%;
    float: none;
    box-sizing: border-box;
    margin: 0 auto;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBox {
    width: 100%;
    margin: 0 auto;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
  position: relative;
  top: -10px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-left: 15%;
}

.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  top: 10px;
}

.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  width: 10%;
}

.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
  width: 60%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
    width: 40%;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
    margin-bottom: 10px;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
  font-size: 2.7rem;
  color: #333;
  text-align: right;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
    margin-bottom: 50px;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
  padding-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
    padding: 10px;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
  width: 28%;
  margin-left: 4%;
  float: left;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
  width: 47%;
  height: auto;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
    margin: 0 auto 12%;
    width: 50%;
  }
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
    width: 60%;
    margin: 0 auto 4%;
    text-align: center;
  }
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
    width: 100%;
    height: auto;
  }
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
    width: 100%;
    font-size: 1.1rem;
  }
}
.photo .mainCon .albumBox .contents .twoBox02 {
  margin-bottom: 50px;
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
  width: 50%;
  position: relative;
  margin-left: 4%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
    width: 100%;
    margin: 0 auto 15px;
  }
}
.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox h5 {
  text-align: center;
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox {
  width: 44%;
  margin-left: 4%;
  position: relative;
  float: left;
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img {
  width: 100%;
  height: auto;
}

.photo .mainCon .albumBox .contents .twoBox02 .txtBox {
  width: 38%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox02 .txtBox {
    width: 90%;
    margin: 0 auto 10px;
    float: none;
  }
}
.photo .mainCon .albumBox01 {
  padding-top: 210px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox01 {
    padding-top: 100px !important;
  }
}
.photo .mainCon .albumBox02 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox02 {
    padding-top: 50px !important;
  }
}
.photo .mainCon .albumBox03 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox03 {
    padding-top: 50px !important;
  }
}
.photo .mainCon .afterTxt {
  background-color: #ccc;
  padding-bottom: 110px;
}

.photo .mainCon .afterTxt p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #e27888;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .afterTxt p {
    font-size: 1.6rem;
  }
}
.photo .mainCon .flowBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

.photo .mainCon .flowBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .flowBox h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .flowBox h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.photo .mainCon .flowBox h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.photo .mainCon .flowBox h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .photo .mainCon .flowBox h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.photo .mainCon .flowBox .flowListBox {
  float: left;
  width: 44%;
  margin-left: 4%;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
}
.photo .mainCon .flowBox .flowListBox .imgBox {
  width: 100%;
  margin-bottom: 15px;
}

.photo .mainCon .flowBox .flowListBox .imgBox img {
  width: 100%;
  height: auto;
}

.photo .mainCon .flowBox .flowListBox:nth-of-type(2n) {
  margin-top: 80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox:nth-of-type(2n) {
    margin-top: 0;
  }
}
.photo .mainCon .flowBox .flowListBox h5 {
  font-size: 2.8rem;
  line-height: 60px;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox h5 {
    font-size: 2.1rem;
    height: auto;
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 35px;
    line-height: normal;
  }
}
.photo .mainCon .flowBox .flowListBox h5 .numberFont {
  width: 60px;
  height: 60px;
  background: #e57b85;
  color: #fff;
  text-align: center;
  border-radius: 60px;
  line-height: 60px;
  font-size: 3.1rem;
  display: block;
  float: left;
  margin-right: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox h5 .numberFont {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
  }
}
.photo .mainCon .flowBox .flowListBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox p {
    font-size: 1.6rem;
    line-height: 1.6;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
  }
}
.photo .mainCon .faqBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 0;
}

.photo .mainCon .faqBox .contents h5 {
  font-size: 2.1rem;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 15px;
}

.photo .mainCon .faqBox .faqBoxList {
  margin-bottom: 60px;
}

.photo .mainCon .faqBox .faqBoxList:nth-last-of-type(1) {
  margin-bottom: 0;
}

.photo .mainCon .faqBox .faqBoxList dl {
  margin-bottom: 30px;
  background: #ff7e71;
  padding: 15px;
  box-sizing: border-box;
}

.photo .mainCon .faqBox .faqBoxList .questionNoClick {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
}

.photo .mainCon .faqBox .faqBoxList .questionNoClick span:nth-child(1) {
  font-size: 1.8rem;
}

.photo .mainCon .faqBox .faqBoxList .questionNoClick span {
  color: #fff;
}

.photo .mainCon .faqBox .faqBoxList .answer span:nth-child(1) {
  font-size: 1.8rem;
}

.photo .mainCon .faqBox .faqBoxList .answer span {
  color: #fff;
}

.photo .mainCon .blogBox {
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 0;
}

.photo .mainCon .blogBox h4 {
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .blogBox h4 {
    font-size: 4rem;
  }
}
.photo .mainCon .blogBox .blogList {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .blogBox .blogList {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.photo .mainCon .blogBox .blogList .imgBox {
  width: 28%;
  position: relative;
}

.photo .mainCon .blogBox .blogList .imgBox .thumbnail {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.photo .mainCon .blogBox .blogList .imgBox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.photo .mainCon .blogBox .blogList .txtBox {
  width: 70%;
}

.photo .mainCon .blogBox .blogList .txtBox .date {
  font-size: 1.2rem;
}

.photo .mainCon .blogBox .blogList .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
  font-weight: 700;
}

.photo .mainCon .blogBox .blogList .txtBox h5 a {
  font-weight: 700;
}

.photo .mainCon .blogBox .blogList .txtBox p {
  color: #595454;
  font-size: 1.4rem;
  overflow: hidden;
  height: 64px;
}

.photo .mainCon .blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.photo .mainCon .blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .blogBox .btn p {
    background-position-x: 90%;
  }
}
.photo .mainCon .blogBox .btn:before {
  width: 100%;
}

.photo .mainCon .twoBtnArea {
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 0;
  padding-top: 0 !important;
}

.photo .mainCon .twoBtnArea .twoColumn {
  padding-top: 0 !important;
}

.photo .mainCon .contactBox .largeWrapp {
  margin-top: 140px;
  border: 1px solid #1a1a3c;
  position: relative;
  padding: 58px 54px 0;
  margin-bottom: 140px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp {
    padding: 8%;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
  }
}
.photo .mainCon .contactBox .largeWrapp:before {
  content: "";
  border: 1px solid #1a1a3c;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 6px;
  top: 6px;
  pointer-events: none;
}

.photo .mainCon .contactBox .largeWrapp .leadTxt {
  font-size: 1.7rem;
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .leadTxt {
    font-size: 1.2rem;
  }
}
.photo .mainCon .contactBox .largeWrapp .telBox {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .telBox {
    font-size: 1.6rem;
  }
}
.photo .mainCon .contactBox .largeWrapp .workTimeBox {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .workTimeBox {
    font-size: 1.4rem;
  }
}
.photo .mainCon .contactBox .largeWrapp .raddBtn {
  border-radius: 50px;
  height: 35px;
  width: 210px;
  background: #e95768;
  transition: 0.5s;
  margin: 30px auto 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .raddBtn {
    width: 90%;
    margin: 30px auto 0;
  }
}
.photo .mainCon .contactBox .largeWrapp .raddBtn p {
  color: #fff;
  text-align: center;
  line-height: 35px;
}

.photo .mainCon .contactBox .largeWrapp .raddBtn:focus,
.photo .mainCon .contactBox .largeWrapp .raddBtn:hover {
  background: #1a1a3c;
  transition: 0.3s;
}

.photo .mainCon .knowledge {
  padding-top: 100px;
  padding-bottom: 100px;
}

.photo .mainCon .knowledge h4 {
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .knowledge h4 {
    font-size: 4rem;
  }
}
.photo .mainCon .knowledge * {
  padding-bottom: 0;
}

.photo .mainCon .knowledge .listConWrapp {
  width: 928px;
  margin: 0 auto 50px;
}

.photo .mainCon .knowledge .listConWrapp .listCon {
  width: 444px;
  height: 436px;
  background: url("images/knowledge-bg.png") no-repeat left top;
  float: left;
  position: relative;
  background-size: cover;
  padding: 38px 54px;
  box-sizing: border-box;
  filter: drop-shadow(1px 1px 0 rgba(230, 230, 230, 0));
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .listConWrapp .listCon {
    padding: 4%;
  }
}
.photo .mainCon .knowledge .listConWrapp .listCon:nth-child(2n) {
  margin-left: 40px;
}

.photo .mainCon .knowledge .listConWrapp .listCon .dateBox {
  float: right;
}

.photo .mainCon .knowledge .listConWrapp .listCon .dateBox p {
  color: #9b9f33;
  width: 100%;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox {
  width: 337px;
  height: 206px;
  margin: 0 auto;
  padding: 0;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 206px;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
  height: 206px;
  overflow: hidden;
  position: relative;
  display: block;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.photo .mainCon .knowledge .listConWrapp .listCon .catBox {
  width: 100%;
  margin: 22px auto;
}

.photo .mainCon .knowledge .listConWrapp .listCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555;
}

.photo .mainCon .knowledge .listConWrapp .ttlBox {
  height: 76px;
  overflow: hidden;
  margin-left: 55px;
  margin-right: 0;
  width: 82%;
  margin-bottom: 10px;
}

.photo .mainCon .knowledge .listConWrapp .ttlBox h4 {
  color: #555;
  font-size: 1.6rem;
  line-height: 20px;
}

@media screen and (max-width: 1630px) {
  .photo .mainCon .knowledge .listConWrapp {
    width: 75%;
    margin: 0 auto;
  }
  .photo .mainCon .knowledge .listConWrapp .dateBox {
    width: 100% !important;
    text-align: right;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon {
    width: 48%;
    height: auto;
    background-size: 100% 100%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon:nth-child(2n) {
    margin-left: 4%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 206px;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
    height: 206px;
    overflow: hidden;
    position: relative;
    display: block;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .listConWrapp {
    width: 90%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .catBox {
    width: 100%;
    margin: 7px auto;
    line-height: 1;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .catBox a {
    font-size: 1rem;
    line-height: 1;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 10%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .ttlBox h4 {
    font-size: 1rem;
    line-height: 1.2;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .dateBox .dateBoxIn p {
    font-size: 1rem;
  }
}
.photo .mainCon .knowledge .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.photo .mainCon .knowledge .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .btn p {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .inrBox {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .photo .mainCon .blogBox {
    padding-top: 220px;
  }
}
/*.mamafurisode .mainCon .conBox01 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.mamafurisode .mainCon .conBox01 .benefitsBox {
  padding-top: 80px !important;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .mainCon .conBox01 .benefitsBox {
    padding-top: 40px !important;
  }
}
.mamafurisode .overviewBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox {
    padding-top: 50px;
  }
}
.mamafurisode .overviewBox .twoBox {
  width: 820px;
  margin: 0 auto 120px;
}

@media screen and (max-width: 1000px) {
  .mamafurisode .overviewBox .twoBox {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox {
    margin-bottom: 0;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox {
  width: 620px;
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  padding: 50px;
  background: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox {
    width: 100%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    top: 0;
    position: relative;
    transform: none;
    padding: 0;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox {
  border-bottom: 1px solid #ddd;
}

.mamafurisode .overviewBox .twoBox .txtBox h5 {
  color: #1a1a3c;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox h5 {
    font-size: 1.8rem;
    padding-top: 15px;
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox p {
    margin-bottom: 25px;
    font-size: 1.4rem;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-right: 15px;
}

.mamafurisode .overviewBox .twoBox .txtBox .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .font-eng02 {
    display: block;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .leadTxt {
  font-size: 1.6rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .costWrapp {
  font-size: 4.4rem;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ff7e71;
  font-style: italic;
}

.mamafurisode .overviewBox .twoBox .txtBox .costWrapp span {
  font-size: 1.6rem;
  margin-left: 10px;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
  border: 1px solid #1a1a3c;
  background: #fff;
  position: relative;
  padding: 30px 30px 20px;
  box-sizing: content-box;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
    padding: 15% 3%;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
  content: "";
  width: 200px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 30%;
  transform: translateX(-50%);
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
    width: 50%;
    left: 36%;
    height: 4px;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp h5 {
  font-weight: 700;
  position: absolute;
  top: -13px;
  left: 20%;
  color: #ff7e71;
  font-size: 1.8rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .font-eng02 {
  font-size: 2.1rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
  float: left;
  width: 19%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
    width: 48%;
    margin-bottom: 20px;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox {
  border-radius: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
    height: 35px;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01) {
  margin-left: 1%;
}

.mamafurisode .overviewBox .twoBox .imgBoxWrapp {
  width: 400px;
  height: 570px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox {
  position: absolute;
  width: 370px;
}

.mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 100%;
    position: relative;
  }
}
.mamafurisode .costBox {
  background-color: #ccc;
  background-size: cover;
}

.mamafurisode .costBox .attention {
  color: #595454;
  font-size: 1.4rem;
  padding-top: 20px;
}

.mamafurisode .costBox .largeWrapp {
  width: 1100px;
}

@media screen and (max-width: 1200px) {
  .mamafurisode .costBox .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 1100px) {
  .mamafurisode .costBox .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .largeWrapp {
    width: 90%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .largeWrapp {
    width: 90%;
  }
}
.mamafurisode .costBox h4 {
  text-align: center;
  font-size: 4rem;
  line-height: 1.5;
  margin-bottom: 40px;
}

.mamafurisode .costBox h4 .font-eng03 {
  font-size: 3.6rem;
  display: block;
}

.mamafurisode .costBox h4 .font-eng03:first-letter {
  font-size: 4rem !important;
  color: #1a1a3c !important;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02 {
  border: 1px solid #595454;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl {
  margin-bottom: 13px;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl h5 {
  color: #595454;
  float: left;
  font-size: 2.4rem;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl .cost {
  float: right;
  color: #e57b85;
  font-size: 2.8rem;
  margin-bottom: 13px;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl .cost .unitFont {
  font-size: 1.8rem;
  color: #e57b85;
}

.mamafurisode .costBox .borderBoxWrapp .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  color: #1a1a3c;
  margin-bottom: 13px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .leadTxt {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox .borderBoxWrapp .twoColumn {
  margin-bottom: 2%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn {
    margin-bottom: 15%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02 {
  width: 49%;
  float: left;
}

@media screen and (min-width: 813px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02 {
    height: 304px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02 {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02-01 {
    margin-bottom: 20px;
  }
}
.mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02-02 {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02-02 {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp {
  padding-bottom: 10px;
}

.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox {
  width: 12%;
  margin-left: 2%;
  float: left;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox {
    width: 45%;
    margin-left: 0;
  }
  .mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox:nth-of-type(2n) {
    margin-left: 10%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  padding-top: 100%;
  position: relative;
}

.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .imgBox img {
  position: absolute;
  width: 75%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.2rem;
  height: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .iconTxt {
    font-size: 1.6rem;
    height: auto;
    min-height: 50px;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-02 .iconBoxInrWrapp {
  width: 60%;
  margin: 0 auto;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-02 .iconBox {
  width: 20%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-02 .iconBox:not(.iconBox01) {
  margin-left: 19%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 h5 {
  color: #595454;
  float: none;
  text-align: center;
  font-size: 2.4rem;
  display: block;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .cost {
  display: block;
  float: none;
  text-align: center;
  color: #e57b85;
  font-size: 2.8rem;
  margin-bottom: 0;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .cost .unitFont {
  font-size: 1.8rem;
  color: #e57b85;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leadTxt {
  font-size: 1.8rem;
  color: #1a1a3c;
  margin-bottom: 13px;
  text-align: center;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leadTxt {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 h6 {
  font-size: 1.8rem;
  color: #595454;
  margin-bottom: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 h6 {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox {
  width: calc(49% - 1px);
  float: left;
  padding-right: 1%;
  border-right: 1px solid #595454;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox {
    padding-right: 0;
    width: 100%;
    border-right: none;
    padding-bottom: 15%;
    border-bottom: 1px solid #595454;
    margin-bottom: 15%;
    float: none;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp {
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp {
    width: 100%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp .iconBox {
  width: 12%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp .iconBox:not(.iconBox01) {
  margin-left: 2%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox {
  width: 49%;
  margin-left: 1%;
  float: right;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox {
    margin-left: 0;
    width: 100%;
    float: none;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .inrWrapp {
  width: 57%;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .inrWrapp {
    width: 100%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .iconBox {
  width: 20%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .iconBox:not(.iconBox01) {
  margin-left: 19%;
}

/*.mamafurisode .costBox02 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.mamafurisode .costBox02 .largeWrapp {
  width: 1200px;
}

@media screen and (max-width: 1200px) {
  .mamafurisode .costBox02 .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 1100px) {
  .mamafurisode .costBox02 .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .largeWrapp {
    width: 90%;
  }
}
.mamafurisode .costBox02 .catchTxt {
  font-size: 2.6rem;
  color: #1a1a3c;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .catchTxt {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox02 .attention {
  color: #595454;
  font-size: 1.4rem;
  padding-top: 20px;
}

.mamafurisode .costBox02 .inrBoxTtl {
  background: #1a1a3c;
  height: 103px;
  padding-top: 14px;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl {
    height: auto;
    padding-top: 50px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 30px;
  }
}
.mamafurisode .costBox02 .inrBoxTtl .iconImg {
  position: absolute;
  left: -5%;
  top: -35px;
  border-radius: 100%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl .iconImg {
    width: 30%;
  }
}
.mamafurisode .costBox02 .inrBoxTtl h4 {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl h4 {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox02 .inrBoxTtl .cost {
  font-size: 2.7rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl .cost {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox02 .inrBoxTtl .cost .unitFont {
  font-size: 1.8rem;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl .cost .unitFont {
    font-size: 1.4rem;
  }
}
.mamafurisode .costBox02 .borderBoxType02-03 {
  border-top: none !important;
}

.mamafurisode .costBox02 .borderBoxType02-03 .iconBoxWrapp h5 {
  line-height: 1.8;
  font-size: 1.8rem !important;
  text-align: left !important;
}

.mamafurisode .costBox02 .iconBoxWrapp02 {
  padding-bottom: 10px;
  background: #fff;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .iconBoxWrapp02 {
    padding: 20px;
  }
}
.mamafurisode .costBox02 .iconBoxWrapp02 h5 {
  color: #595454;
  font-size: 1.4rem !important;
  text-align: left !important;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 2%;
}

.mamafurisode .costBox02 .iconBoxWrapp02 h5 span {
  font-size: 1.6rem;
  color: #1a1a3c !important;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp {
  width: 96%;
  margin: 0 auto;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox {
  width: 6%;
  float: left;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  padding-top: 100%;
  position: relative;
  border: 1px solid #eee;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox .imgBox img {
  position: absolute;
  width: 75%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.2rem;
  height: 40px;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox:not(.iconBox01) {
  margin-left: 9%;
}

.mamafurisode .costBox .borderBoxTtl {
  margin-bottom: 13px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxTtl h5 {
    font-size: 2.4rem !important;
    float: none !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxTtl .cost {
    font-size: 2.4rem !important;
    float: none !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxTtl .cost .unitFont {
    font-size: 2.1rem !important;
    float: none !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .iconBox {
    width: 45% !important;
    margin-left: 0 !important;
  }
  .mamafurisode .costBox .iconBox:nth-of-type(2n) {
    margin-left: 10% !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .iconBox .iconTxt {
    font-size: 1.4rem !important;
    height: auto !important;
    min-height: 50px !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .iconBoxInrWrapp {
    width: 100% !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .twoColumn .borderBoxType02 {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .twoColumn .borderBoxType02-01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .leadTxt {
    margin-bottom: 40px !important;
    font-size: 1.6rem !important;
    text-align: center !important;
    line-height: normal !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .middleTtl {
    margin-bottom: 15px;
  }
}
.mamafurisode .benefitsBox .borderBox .borderBoxTtl:after,
.mamafurisode .benefitsBox .borderBox .borderBoxTtl:before {
  width: 25%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .borderBoxTtl h4 {
    margin-bottom: -50px;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxWrapp {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 30px;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop {
  padding-left: 200px;
  padding-right: 200px;
}

@media screen and (max-width: 1100px) {
  .mamafurisode .benefitsBox .borderBox .listBoxTop {
    padding-left: 0;
    padding-right: 0;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox {
  float: left;
  width: 22%;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox:nth-of-type(2),
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox:nth-of-type(3),
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox:nth-of-type(4) {
  margin-left: 4%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxTop .listBox {
    width: 47%;
    padding-top: 0;
    padding-bottom: 20px;
    margin-left: 2% !important;
    margin-right: 0;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox .imgBox {
  width: 100%;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox .imgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox .txtBox {
  text-align: center;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom {
  padding-top: 80px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxBottom {
    padding-top: 20px;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxBottom h4 {
  margin-bottom: 50px;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox {
  width: 44%;
  margin-left: 4%;
  border: 1px solid #595454;
  float: left;
  margin-bottom: 4%;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox {
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
    float: none;
    margin: 0 auto 20px;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .imgBox {
  float: left;
  width: 28%;
  text-align: center;
  height: 90%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .imgBox img {
  width: 90%;
  height: auto;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox {
  width: 70%;
  float: right;
  margin-top: 5%;
  margin-bottom: 5%;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
    font-size: 1.6rem;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox p {
  font-size: 1.4rem;
}

.mamafurisode .whatBox {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
  margin-bottom: 0;
}

.mamafurisode .whatBox .ttlCommon-c {
  margin-bottom: 20px;
}

.mamafurisode .whatBox .leadTxt {
  text-align: center;
  margin-bottom: 120px;
  font-size: 1.8rem;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .leadTxt {
    margin-bottom: 40px;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp {
  position: relative;
  height: 800px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp {
    height: auto;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp {
  margin-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp {
    margin-bottom: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02:first-letter,
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList {
  position: absolute;
  width: 167px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList {
    width: 80%;
    position: relative;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox {
  width: 167px;
  height: 167px;
  display: block;
  float: left;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox:nth-child(1) {
  margin-right: 15px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox:nth-child(1) {
    margin-right: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox02 {
  width: 250px;
  height: auto;
  display: block;
  border-radius: 6px;
  overflow: hidden;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 {
    width: 100%;
    font-size: 1.4rem;
    position: relative;
    z-index: 2;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02 {
    font-size: 3rem;
    color: #595454;
    display: inline-block;
    position: relative;
    line-height: 30px;
    margin-bottom: 0;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02:first-letter,
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02:nth-child(2) {
    color: #1a1a3c;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02:nth-child(2) {
    font-size: 4.6rem;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox {
    position: relative;
    width: 30%;
    height: auto;
    float: left;
    z-index: 1;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox img {
    width: 100%;
    height: auto;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .txtBox {
    font-size: 0.9rem;
    width: 67%;
    float: right;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .arrow {
  position: absolute;
}

@media screen and (min-width: 813px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow01 {
    width: 85%;
    left: 170px;
    top: 255px;
    transform: rotate(-15deg) rotateY(180deg);
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow02 {
    width: 80%;
    right: 160px;
    bottom: -90px;
    transform: rotate(25deg);
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow03 {
    width: 80%;
    left: 111%;
    top: 60px;
    transform: rotate(-64deg) rotateY(180deg);
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow04 {
    width: 35%;
    left: -110px;
    top: 130px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow {
    height: auto;
    position: absolute;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow01 {
    width: 40%;
    left: -10px;
    bottom: -91%;
    transform: rotate(-45deg);
    transform: rotateZ(80deg) rotateY(180deg);
    z-index: 0;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow01 {
    bottom: -65%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow02 {
    width: 30%;
    right: 16%;
    top: 95%;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow03 {
    width: 25%;
    left: -31%;
    bottom: 28%;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow03 {
    bottom: 26%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow04 {
    width: 25%;
    left: -26%;
    top: -30%;
    transform: rotate(108deg);
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList01 {
  left: 0;
  top: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList01 {
    float: left;
    margin-bottom: 125px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList01 h5 .engWrapp {
    margin-bottom: 5px;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 {
  right: 0;
  top: 0;
  width: 250px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 {
    float: right;
    margin-bottom: 25px;
    width: 36%;
    top: -25px;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 .imgBox {
    float: right;
    width: 100%;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 .txtBox {
    width: 100%;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList03 {
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList03 {
    float: right;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .centerWrapp {
  position: relative;
  margin-bottom: 20px;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList04 {
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList04 {
    float: right;
    width: 30%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList04 .imgBox {
    width: 100%;
    float: none;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter {
  position: relative;
  margin: 100px auto 0;
  width: 40%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter {
    width: 60%;
    float: left;
    position: relative;
    margin-top: 0;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter h5 {
    top: -35px;
    position: absolute;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter .imgBox {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter .imgBox {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter .imgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .reasonBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox {
    padding-bottom: 40px;
  }
}
.mamafurisode .reasonBox .threeColumn .centerBox,
.mamafurisode .reasonBox .threeColumn .leftBox,
.mamafurisode .reasonBox .threeColumn .rightBox {
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox .threeColumn .centerBox,
.mamafurisode .reasonBox .threeColumn .leftBox,
.mamafurisode .reasonBox .threeColumn .rightBox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
.mamafurisode .reasonBox .threeColumn .engWrapp {
  margin-bottom: 0;
}

.mamafurisode .reasonBox .threeColumn .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox .threeColumn .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.mamafurisode .reasonBox .threeColumn .font-eng02:first-letter,
.mamafurisode .reasonBox .threeColumn .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.mamafurisode .reasonBox .threeColumn .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.mamafurisode .reasonBox .threeColumn .centerBox {
  margin-left: 2%;
  margin-right: 2%;
}

.mamafurisode .reasonBox .threeColumn .imgBox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox .threeColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
.mamafurisode .reasonBox .threeColumn .txtBox h5 {
  font-size: 1.8rem;
  color: #595454;
  margin-bottom: 15px;
  font-weight: 700;
}

.mamafurisode .reasonBox .threeColumn .txtBox p {
  color: #595454;
}

.mamafurisode .albumBox {
  padding-top: 370px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox {
    width: 100%;
    padding-top: 250px !important;
  }
  .mamafurisode .albumBox .borderBoxTtl {
    margin-bottom: -60px;
  }
}
.mamafurisode .albumBox .contents {
  margin-top: -80px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents {
    margin-top: -60px;
  }
}
.mamafurisode .albumBox .contents .twoBox h5 {
  font-size: 2.1rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.mamafurisode .albumBox .contents .twoBox .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.mamafurisode .albumBox .contents .twoBox01 {
  margin-bottom: 50px;
}

.mamafurisode .albumBox .contents .twoBox01 .albumMainimgBox {
  width: 44%;
  height: 290px;
  position: relative;
  margin-left: 4%;
  float: left;
}

.mamafurisode .albumBox .contents .twoBox01 .albumMainimgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .albumMainimgBox {
    width: 90%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox {
  width: 44%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox {
    width: 90%;
    float: none;
    box-sizing: border-box;
    margin: 0 auto;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBox {
    width: 100%;
    margin: 0 auto;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
  position: relative;
  top: -10px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-left: 15%;
}

.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  top: 10px;
}

.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  width: 10%;
}

.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
  width: 60%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
    width: 40%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
    margin-bottom: 10px;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox .cost {
  font-size: 2.7rem;
  color: #e57b85;
  text-align: right;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .cost {
    margin-bottom: 50px;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox .cost .unitFont {
  font-size: 1.8rem;
  color: #e57b85;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp {
  padding-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp {
    padding: 10px;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
  width: 28%;
  margin-left: 4%;
  float: left;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
  width: 47%;
  height: auto;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
    margin: 0 auto 12%;
    width: 50%;
  }
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
    width: 60%;
    margin: 0 auto 4%;
    text-align: center;
  }
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
    width: 100%;
    height: auto;
  }
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
    width: 100%;
    font-size: 1.1rem;
  }
}
.mamafurisode .albumBox .contents .twoBox02 {
  margin-bottom: 50px;
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox {
  width: 50%;
  position: relative;
  margin-left: 4%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox {
    width: 100%;
    margin: 0 auto 15px;
  }
}
.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox h5 {
  text-align: center;
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox {
  width: 44%;
  margin-left: 4%;
  position: relative;
  float: left;
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .albumBox .contents .twoBox02 .txtBox {
  width: 38%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox02 .txtBox {
    width: 90%;
    margin: 0 auto 10px;
    float: none;
  }
}
.mamafurisode .albumBox01 {
  padding-top: 210px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox01 {
    padding-top: 100px !important;
  }
}
.mamafurisode .albumBox02 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox02 {
    padding-top: 50px !important;
  }
}
.mamafurisode .albumBox03 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox03 {
    padding-top: 50px !important;
  }
}
.mamafurisode .afterTxt {
  background-color: #ccc;
  padding-bottom: 30px;
}

.mamafurisode .afterTxt p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #333333;
}

@media screen and (max-width: 821px) {
  .mamafurisode .afterTxt p {
    font-size: 1.6rem;
  }
}
.mamafurisode .knowledge {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-top: 100px;
  padding-bottom: 100px;
}

.mamafurisode .knowledge * {
  padding-bottom: 0;
}

.mamafurisode .knowledge .listConWrapp {
  width: 928px;
  margin: 0 auto 50px;
}

.mamafurisode .knowledge .listConWrapp .listCon {
  width: 444px;
  height: 436px;
  background: url("images/knowledge-bg.png") no-repeat left top;
  float: left;
  position: relative;
  background-size: cover;
  padding: 38px 54px;
  box-sizing: border-box;
  filter: drop-shadow(1px 1px 0 rgba(230, 230, 230, 0));
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .listConWrapp .listCon {
    padding: 4%;
  }
}
.mamafurisode .knowledge .listConWrapp .listCon:nth-child(2n) {
  margin-left: 40px;
}

.mamafurisode .knowledge .listConWrapp .listCon .dateBox {
  float: right;
}

.mamafurisode .knowledge .listConWrapp .listCon .dateBox p {
  color: #9b9f33;
  width: 100%;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox {
  width: 337px;
  height: 206px;
  margin: 0 auto;
  padding: 0;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 206px;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
  height: 206px;
  overflow: hidden;
  position: relative;
  display: block;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.mamafurisode .knowledge .listConWrapp .listCon .catBox {
  width: 100%;
  margin: 22px auto;
}

.mamafurisode .knowledge .listConWrapp .listCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555;
}

.mamafurisode .knowledge .listConWrapp .ttlBox {
  height: 76px;
  overflow: hidden;
  margin-left: 55px;
  margin-right: 0;
  width: 82%;
  margin-bottom: 10px;
}

.mamafurisode .knowledge .listConWrapp .ttlBox h4 {
  color: #555;
  font-size: 1.6rem;
  line-height: 20px;
}

@media screen and (max-width: 1630px) {
  .mamafurisode .knowledge .listConWrapp {
    width: 75%;
    margin: 0 auto;
  }
  .mamafurisode .knowledge .listConWrapp .dateBox {
    width: 100% !important;
    text-align: right;
  }
  .mamafurisode .knowledge .listConWrapp .listCon {
    width: 48%;
    height: auto;
    background-size: 100% 100%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon:nth-child(2n) {
    margin-left: 4%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 206px;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
    height: 206px;
    overflow: hidden;
    position: relative;
    display: block;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .listConWrapp {
    width: 90%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .catBox {
    width: 100%;
    margin: 7px auto;
    line-height: 1;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .catBox a {
    font-size: 1rem;
    line-height: 1;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 10%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .ttlBox h4 {
    font-size: 1rem;
    line-height: 1.2;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .dateBox .dateBoxIn p {
    font-size: 1rem;
  }
}
.mamafurisode .knowledge .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.mamafurisode .knowledge .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .btn p {
    background-position-x: 90%;
  }
}
.mamafurisode .blogBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
}

.mamafurisode .blogBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
}
.mamafurisode .blogBox .blogList {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox .blogList {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.mamafurisode .blogBox .blogList .imgBox {
  width: 28%;
  position: relative;
}

.mamafurisode .blogBox .blogList .imgBox .thumbnail {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.mamafurisode .blogBox .blogList .imgBox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mamafurisode .blogBox .blogList .txtBox {
  width: 70%;
}

.mamafurisode .blogBox .blogList .txtBox .date {
  font-size: 1.2rem;
}

.mamafurisode .blogBox .blogList .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
  font-weight: 700;
}

.mamafurisode .blogBox .blogList .txtBox h5 a {
  font-weight: 700;
}

.mamafurisode .blogBox .blogList .txtBox p {
  color: #595454;
  font-size: 1.4rem;
  overflow: hidden;
  height: 64px;
}

.mamafurisode .blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.mamafurisode .blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox .btn p {
    background-position-x: 90%;
  }
}
.single .contents {
  margin-bottom: 90px;
}

.single .inrBox01 h4 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 2.1rem;
}

.single .inrBox01 .overViewDate {
  margin-bottom: 30px;
}

.single .inrBox01 .overViewDate .dateFont {
  float: left;
}

.single .inrBox01 .overViewDate .catFont {
  float: right;
}

@media screen and (max-width: 821px) {
  .single .inrBox01 .singleContents {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
  }
}
.single .navArea {
  position: relative;
  height: 50px;
  display: block;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .single .navArea {
    height: auto;
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 813px) {
  .single .navArea .singleFooterLink {
    position: absolute;
    line-height: 50px;
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .singleFooterLink {
    margin-bottom: 20px;
  }
}
.single .navArea .singleFooterLink a {
  width: 300px;
  height: 50px;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
  line-height: 39px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-sizing: border-box;
  transition: 0.5s;
  position: relative;
}

@media screen and (max-width: 821px) {
  .single .navArea .singleFooterLink a {
    width: 100%;
    margin: 0 auto;
  }
}
.single .navArea .singleFooterLink a:focus,
.single .navArea .singleFooterLink a:hover {
  transition: 0.3s;
}

.single .navArea .singleFooterLink a:before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  border: 1px solid #ddd;
  left: 0;
  top: 0;
}

.single .navArea .leftBox:focus,
.single .navArea .leftBox:hover,
.single .navArea .rightBox:focus,
.single .navArea .rightBox:hover {
  background: #1a1a3c;
}

.single .navArea .leftBox:focus a,
.single .navArea .leftBox:hover a,
.single .navArea .rightBox:focus a,
.single .navArea .rightBox:hover a {
  color: #fff;
}

@media screen and (min-width: 813px) {
  .single .navArea .leftBox {
    left: 0;
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .leftBox {
    width: 100%;
    float: none;
  }
}
.single .navArea .centerBox a {
  text-align: center;
  line-height: 39px;
}

.single .navArea .centerBox:focus,
.single .navArea .centerBox:hover {
  background: #9b9f33;
}

.single .navArea .centerBox:focus a,
.single .navArea .centerBox:hover a {
  color: #fff;
}

@media screen and (min-width: 813px) {
  .single .navArea .centerBox {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .centerBox {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
}
@media screen and (min-width: 813px) {
  .single .navArea .rightBox {
    right: 0;
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .rightBox {
    width: 100%;
    float: none;
  }
}
.classic .conBox01 .conBox01,
.elegant .conBox01 .conBox01,
.girly .conBox01 .conBox01,
.gorgeous .conBox01 .conBox01,
.haikara .conBox01 .conBox01,
.princess .conBox01 .conBox01,
.retro .conBox01 .conBox01,
.vintage .conBox01 .conBox01 {
  padding-top: 0 !important;
}

.error404 .topPageTxtLinkWrapp {
  position: relative;
  margin-bottom: 50px;
}

.error404 .topPageTxtLink {
  margin: 30px auto;
  text-align: center;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.error404 .topPageTxtLink:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .error404 .topPageTxtLink:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.error404 .topPageTxtLink a {
  font-size: 2rem;
  color: #595454;
  transition: 0.5s;
  position: relative;
}

@media screen and (max-width: 821px) {
  .error404 .topPageTxtLink a {
    font-size: 1rem;
  }
}
.error404 .topPageTxtLink a:focus,
.error404 .topPageTxtLink a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.testpage #header {
  height: 989px;
  background: url("images/eyecatch-top-test.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.testpage #header .logoBox .logo p {
  color: #cecece;
}

.testpage #header .logoBox .logo p:before {
  background: #b0b0b0;
}

.testpage #header .headerTxtArea {
  display: none;
}

@media screen and (max-width: 821px) {
  .testpage #header {
    background: url("images/sp-eyecatch-top-test.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.sblogWrapp .contents abbr,
.sblogWrapp .contents address,
.sblogWrapp .contents article,
.sblogWrapp .contents aside,
.sblogWrapp .contents audio,
.sblogWrapp .contents b,
.sblogWrapp .contents blockquote,
.sblogWrapp .contents body,
.sblogWrapp .contents canvas,
.sblogWrapp .contents caption,
.sblogWrapp .contents cite,
.sblogWrapp .contents code,
.sblogWrapp .contents dd,
.sblogWrapp .contents del,
.sblogWrapp .contents details,
.sblogWrapp .contents dfn,
.sblogWrapp .contents div,
.sblogWrapp .contents dl,
.sblogWrapp .contents dt,
.sblogWrapp .contents em,
.sblogWrapp .contents fieldset,
.sblogWrapp .contents figcaption,
.sblogWrapp .contents figure,
.sblogWrapp .contents footer,
.sblogWrapp .contents form,
.sblogWrapp .contents h1,
.sblogWrapp .contents h2,
.sblogWrapp .contents h3,
.sblogWrapp .contents h4,
.sblogWrapp .contents h5,
.sblogWrapp .contents h6,
.sblogWrapp .contents header,
.sblogWrapp .contents hgroup,
.sblogWrapp .contents html,
.sblogWrapp .contents i,
.sblogWrapp .contents iframe,
.sblogWrapp .contents img,
.sblogWrapp .contents ins,
.sblogWrapp .contents kbd,
.sblogWrapp .contents label,
.sblogWrapp .contents legend,
.sblogWrapp .contents li,
.sblogWrapp .contents mark,
.sblogWrapp .contents menu,
.sblogWrapp .contents nav,
.sblogWrapp .contents object,
.sblogWrapp .contents ol,
.sblogWrapp .contents p,
.sblogWrapp .contents pre,
.sblogWrapp .contents q,
.sblogWrapp .contents samp,
.sblogWrapp .contents section,
.sblogWrapp .contents small,
.sblogWrapp .contents span,
.sblogWrapp .contents strong,
.sblogWrapp .contents sub,
.sblogWrapp .contents summary,
.sblogWrapp .contents sup,
.sblogWrapp .contents table,
.sblogWrapp .contents tbody,
.sblogWrapp .contents td,
.sblogWrapp .contents tfoot,
.sblogWrapp .contents th,
.sblogWrapp .contents thead,
.sblogWrapp .contents time,
.sblogWrapp .contents tr,
.sblogWrapp .contents ul,
.sblogWrapp .contents var,
.sblogWrapp .contents video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

.sblogWrapp .contents nav ul {
  list-style: none;
}

.sblogWrapp .contents blockquote,
.sblogWrapp .contents q {
  quotes: none;
}

.sblogWrapp .contents blockquote:after,
.sblogWrapp .contents blockquote:before,
.sblogWrapp .contents q:after,
.sblogWrapp .contents q:before {
  content: "";
  content: none;
}

.sblogWrapp .contents a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.sblogWrapp .contents ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.sblogWrapp .contents mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

.sblogWrapp .contents del {
  text-decoration: line-through;
}

.sblogWrapp .contents abbr[title],
.sblogWrapp .contents dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.sblogWrapp .contents table {
  border-collapse: collapse;
  border-spacing: 0;
}

.sblogWrapp .contents hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.sblogWrapp .contents input,
.sblogWrapp .contents select {
  vertical-align: middle;
}

.sblogWrapp .contents li {
  list-style: none;
}

.sblogWrapp .contents img {
  vertical-align: bottom;
}

.sblogWrapp .contents html {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  color: #534741;
  font-size: 14px;
}

.sblogWrapp .contents .wrap {
  width: 1000px;
  margin: 0 auto;
}

.sblogWrapp .contents a:link {
  color: #333;
  text-decoration: none;
}

.sblogWrapp .contents a:visited {
  color: #333;
}

.sblogWrapp .contents a:hover {
  color: #333;
  text-decoration: underline;
}

.sblogWrapp .contents a:active {
  color: #333;
}

.sblogWrapp .contents a {
  transition-duration: 0.3s;
}

.sblogWrapp .contents a:hover {
  opacity: 0.7;
  transition-duration: 0.3s;
}

.sblogWrapp .contents .pc {
  display: block;
}

.sblogWrapp .contents .sp {
  display: none;
}

.sblogWrapp .contents header .wrap {
  position: relative;
  width: 1000px;
  height: 125px;
  margin: 0 auto;
}

.sblogWrapp .contents header h1 {
  position: absolute;
  left: 0;
  top: 35px;
}

.sblogWrapp .contents header ul#sns {
  position: absolute;
  left: 349px;
  top: 55px;
  display: flex;
}

.sblogWrapp .contents header ul#sns li {
  margin-right: 5px;
}

.sblogWrapp .contents header ul#sns li:nth-child(2) {
  margin-top: -1px;
}

.sblogWrapp .contents header p {
  position: absolute;
  left: 678px;
  top: 35px;
}

.sblogWrapp .contents #topimage {
  width: 100%;
  height: 370px;
  padding: 57px 0 73px;
  text-align: center;
  background: url("../img/top/topimage-200107.jpg") center top;
}

.sblogWrapp .contents #topimage .btn sp2 {
  display: none;
}

.sblogWrapp .contents nav {
  background: #EC7C8D;
}

.sblogWrapp .contents nav ul {
  width: 1000px;
  margin: 0 auto;
  display: flex;
}

.sblogWrapp .contents .ft_btn {
  width: 680px;
  margin: 96px auto 95px;
}

.sblogWrapp .contents #float {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

.sblogWrapp .contents #float a {
  display: block;
}

.sblogWrapp .contents #float a + a {
  margin-top: 10px;
}

.sblogWrapp .contents #float-sp {
  display: none;
}

.sblogWrapp .contents footer {
  background: #EC7C8D;
}

.sblogWrapp .contents footer ul {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sblogWrapp .contents footer ul li a {
  color: #FFFFFF !important;
}

.sblogWrapp .contents footer ul li:after {
  content: "｜";
  margin: 0 1em;
}

.sblogWrapp .contents footer ul li:last-child:after {
  content: "";
  margin: 0;
}

.sblogWrapp .contents abbr,
.sblogWrapp .contents address,
.sblogWrapp .contents article,
.sblogWrapp .contents aside,
.sblogWrapp .contents audio,
.sblogWrapp .contents b,
.sblogWrapp .contents blockquote,
.sblogWrapp .contents body,
.sblogWrapp .contents canvas,
.sblogWrapp .contents caption,
.sblogWrapp .contents cite,
.sblogWrapp .contents code,
.sblogWrapp .contents dd,
.sblogWrapp .contents del,
.sblogWrapp .contents details,
.sblogWrapp .contents dfn,
.sblogWrapp .contents div,
.sblogWrapp .contents dl,
.sblogWrapp .contents dt,
.sblogWrapp .contents em,
.sblogWrapp .contents fieldset,
.sblogWrapp .contents figcaption,
.sblogWrapp .contents figure,
.sblogWrapp .contents footer,
.sblogWrapp .contents form,
.sblogWrapp .contents h1,
.sblogWrapp .contents h2,
.sblogWrapp .contents h3,
.sblogWrapp .contents h4,
.sblogWrapp .contents h5,
.sblogWrapp .contents h6,
.sblogWrapp .contents header,
.sblogWrapp .contents hgroup,
.sblogWrapp .contents html,
.sblogWrapp .contents i,
.sblogWrapp .contents iframe,
.sblogWrapp .contents img,
.sblogWrapp .contents ins,
.sblogWrapp .contents kbd,
.sblogWrapp .contents label,
.sblogWrapp .contents legend,
.sblogWrapp .contents li,
.sblogWrapp .contents mark,
.sblogWrapp .contents menu,
.sblogWrapp .contents nav,
.sblogWrapp .contents object,
.sblogWrapp .contents ol,
.sblogWrapp .contents p,
.sblogWrapp .contents pre,
.sblogWrapp .contents q,
.sblogWrapp .contents samp,
.sblogWrapp .contents section,
.sblogWrapp .contents small,
.sblogWrapp .contents span,
.sblogWrapp .contents strong,
.sblogWrapp .contents sub,
.sblogWrapp .contents summary,
.sblogWrapp .contents sup,
.sblogWrapp .contents table,
.sblogWrapp .contents tbody,
.sblogWrapp .contents td,
.sblogWrapp .contents tfoot,
.sblogWrapp .contents th,
.sblogWrapp .contents thead,
.sblogWrapp .contents time,
.sblogWrapp .contents tr,
.sblogWrapp .contents ul,
.sblogWrapp .contents var,
.sblogWrapp .contents video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

.sblogWrapp .contents nav ul {
  list-style: none;
}

.sblogWrapp .contents blockquote,
.sblogWrapp .contents q {
  quotes: none;
}

.sblogWrapp .contents blockquote:after,
.sblogWrapp .contents blockquote:before,
.sblogWrapp .contents q:after,
.sblogWrapp .contents q:before {
  content: "";
  content: none;
}

.sblogWrapp .contents a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.sblogWrapp .contents ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.sblogWrapp .contents mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

.sblogWrapp .contents del {
  text-decoration: line-through;
}

.sblogWrapp .contents abbr[title],
.sblogWrapp .contents dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.sblogWrapp .contents table {
  border-collapse: collapse;
  border-spacing: 0;
}

.sblogWrapp .contents hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.sblogWrapp .contents input,
.sblogWrapp .contents select {
  vertical-align: middle;
}

.sblogWrapp .contents li {
  list-style: none;
}

.sblogWrapp .contents img {
  vertical-align: bottom;
}

.sblogWrapp .contents html {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  color: #534741;
  font-size: 14px;
}

.sblogWrapp .contents a:link {
  color: #333;
  text-decoration: none;
}

.sblogWrapp .contents a:visited {
  color: #333;
}

.sblogWrapp .contents a:hover {
  color: #333;
  text-decoration: underline;
}

.sblogWrapp .contents a:active {
  color: #333;
}

.sblogWrapp .contents a {
  transition-duration: 0.3s;
}

.sblogWrapp .contents a:hover {
  opacity: 0.7;
  transition-duration: 0.3s;
}

.sblogWrapp .contents .pc {
  display: none;
}

.sblogWrapp .contents .sp {
  display: block;
}

.sblogWrapp .contents img {
  width: 100%;
  height: auto;
}

.sblogWrapp .contents header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #FFF;
  z-index: 1;
}

.sblogWrapp .contents header .wrap {
  margin: 16px 6.3% 16px 5.9%;
  display: flex;
}

.sblogWrapp .contents header h1 {
  margin-right: auto;
}

.sblogWrapp .contents header h1 img {
  width: auto;
  height: 28px;
}

.sblogWrapp .contents header #hd-menu img {
  width: auto;
  height: 28px;
}

.sblogWrapp .contents header #hd-menu.active img {
  opacity: 0;
}

.sblogWrapp .contents header #hd-menu.active {
  background: url("../img/sp/common/hd-menu_active.png");
  background-size: 28px;
}

.sblogWrapp .contents #hd-spmenu {
  width: 93.8%;
  padding: 10px 3.1% 20px;
  background: #FFB3B2;
  display: none;
  z-index: 2;
}

.sblogWrapp .contents #hd-spmenu ul {
  margin-bottom: 16px;
}

.sblogWrapp .contents #hd-spmenu ul li {
  border-bottom: solid 1px #FFF;
}

.sblogWrapp .contents #hd-spmenu ul li a {
  padding: 14px 0 14px 20px;
  color: #FFF;
  background: url("../img/menu_li_bg.png") right 5.5% center no-repeat;
  background-size: 7px;
  display: block;
}

.sblogWrapp .contents #hd-spmenu div.menu_btn {
  text-align: center;
}

.sblogWrapp .contents #hd-spmenu .menu_btn img {
  width: 41px;
}

.sblogWrapp .contents #topimage {
  margin-top: 60px;
}

.sblogWrapp .contents #topimage .btn {
  margin: 20px 8% 27px;
}

.sblogWrapp .contents #ft_btn {
  margin: 27px 10.7%;
}

.sblogWrapp .contents #float {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

.sblogWrapp .contents footer {
  padding: 15px 0;
  background: #EC7C8D;
}

.sblogWrapp .contents footer ul {
  margin: 0 auto 10px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sblogWrapp .contents footer ul li a {
  color: #FFFFFF !important;
}

.sblogWrapp .contents footer ul li:after {
  content: "｜";
  margin: 0 1em;
}

.sblogWrapp .contents footer ul li:last-child:after {
  content: "";
  margin: 0;
}

.sblogWrapp .contents footer #copyright {
  text-align: center;
  color: #FFF;
}

.sblogWrapp .contents #float {
  background: #f2f2f2;
  width: 100%;
  max-width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.sblogWrapp .contents #float ul {
  display: flex;
  justify-content: space-between;
  padding: 3.5% 2%;
}

.sblogWrapp .contents #float ul li {
  width: 49%;
}

.sblogWrapp .contents #blog {
  width: 1000px;
  margin: 77px auto 80px;
}

.sblogWrapp .contents #blog h2 {
  margin-bottom: 47px;
}

.sblogWrapp .contents #blog ul {
  margin-bottom: 34px;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #blog ul li {
  width: 322px;
  margin: 0 17px 16px 0;
}

.sblogWrapp .contents #blog ul li p.thumb {
  height: 230px;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
}

.sblogWrapp .contents #blog ul li:nth-child(3n) {
  margin: 0 0 16px;
}

.sblogWrapp .contents #blog ul li p.date {
  margin-bottom: 1em;
  color: #FD0058;
}

.sblogWrapp .contents #blog ul li p.comment {
  margin: 1em 0;
  padding-top: 1em;
  border-top: dashed 1px #998675;
}

.sblogWrapp .contents #blog ul li p.more {
  text-align: right;
}

.sblogWrapp .contents #blog ul li p.more a {
  color: #FD0058;
}

.sblogWrapp .contents #blog .btn {
  width: 660px;
  margin: 0 auto;
}

.sblogWrapp .contents #meeting {
  padding: 40px 0;
  background: url("../img/top/bg1.png");
}

.sblogWrapp .contents #meeting .wrap {
  position: relative;
  height: 422px;
  background: url("../img/top/ban-meeting-200107.png");
}

.sblogWrapp .contents #meeting .wrap p.btn {
  position: absolute;
  left: 175px;
  top: 319px;
}

.sblogWrapp .contents #point {
  padding: 79px 0 52px;
  background: url("../img/top/bg-point1.jpg),url(../img/top/bg-point2.jpg");
  background-position: center top, center top 474px;
  background-repeat: no-repeat, repeat;
}

.sblogWrapp .contents #point h2 {
  margin-bottom: 49px;
}

.sblogWrapp .contents #point .box {
  margin-bottom: 19px;
  padding: 40px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
}

.sblogWrapp .contents #point .box figure {
  padding: 20px 0 41px;
  display: flex;
  justify-content: space-between;
}

.sblogWrapp .contents #point .box figure figcaption {
  width: 530px;
  padding-left: 10px;
}

.sblogWrapp .contents #point .box figure figcaption p {
  margin-bottom: 1em;
}

.sblogWrapp .contents #point .box p.text1 {
  margin-bottom: 5px;
  padding: 20px 10px 0;
}

.sblogWrapp .contents #point .box p.img1 {
  margin-bottom: 29px;
}

.sblogWrapp .contents #point .box ul {
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #point .box .tokuten {
  margin-top: 40px;
  margin-bottom: 40px;
}

.sblogWrapp .contents #point .box ul li {
  margin: 0 10px 10px 0;
}

.sblogWrapp .contents #point .box ul li:nth-child(2n) {
  margin: 0 0 10px;
}

.sblogWrapp .contents #point .box ul li:nth-child(15),
.sblogWrapp .contents #point .box ul li:nth-child(16) {
  margin: 0 10px 0 0;
}

.sblogWrapp .contents #point p.btn {
  width: 680px;
  margin: 52px auto 0;
}

.sblogWrapp .contents #introduction {
  padding: 55px 0 40px;
}

.sblogWrapp .contents #introduction h2 {
  margin-bottom: 39px;
}

.sblogWrapp .contents #introduction #about {
  height: 304px;
  padding: 20px;
  margin-bottom: 50px;
  background: url("../img/top/bg-introduction1.jpg");
}

.sblogWrapp .contents #introduction #about h3 {
  margin: 20px 20px 0;
}

.sblogWrapp .contents #introduction #about p {
  margin: 20px;
}

.sblogWrapp .contents #introduction #sale {
  margin-bottom: 40px;
  padding: 30px;
  background: url("../img/top/bg-sale.png");
}

.sblogWrapp .contents #introduction #rental {
  margin-bottom: 60px;
  padding: 30px;
  background: url("../img/top/bg-rental.png");
}

.sblogWrapp .contents #introduction #rental,
.sblogWrapp .contents #introduction #sale {
  margin-bottom: 38px;
}

.sblogWrapp .contents #introduction #rental h3,
.sblogWrapp .contents #introduction #sale h3 {
  margin-bottom: 41px;
}

.sblogWrapp .contents #introduction #rental ul,
.sblogWrapp .contents #introduction #sale ul {
  display: flex;
}

.sblogWrapp .contents #introduction #rental ul li,
.sblogWrapp .contents #introduction #sale ul li {
  padding: 2px;
  margin-right: 20px;
  background: #FFF;
}

.sblogWrapp .contents #introduction #rental ul li:last-child,
.sblogWrapp .contents #introduction #sale ul li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #introduction #rental ul li p.thumb,
.sblogWrapp .contents #introduction #sale ul li p.thumb {
  margin: 17px 20px;
}

.sblogWrapp .contents #introduction #rental ul li p.text1,
.sblogWrapp .contents #introduction #sale ul li p.text1 {
  margin: 0 20px 20px;
}

.sblogWrapp .contents #introduction p.btn {
  width: 680px;
  margin: 0 auto;
}

.sblogWrapp .contents #step {
  padding: 59px 0 10px;
  background: url("../img/top/bg2.png");
}

.sblogWrapp .contents #step h2 {
  margin-bottom: 42px;
}

.sblogWrapp .contents #step .box {
  padding: 40px;
  margin-bottom: 30px;
  background: #FFF;
}

.sblogWrapp .contents #step .box h3 {
  margin-bottom: 35px;
}

.sblogWrapp .contents #step .box p.img1 {
  margin-bottom: 38px;
}

.sblogWrapp .contents #step .box figure {
  margin-bottom: 27px;
  padding-bottom: 30px;
  border-bottom: dotted 1px #CCC;
  display: flex;
  justify-content: space-between;
}

.sblogWrapp .contents #step .box figure:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sblogWrapp .contents #step .box figcaption {
  width: 440px;
}

.sblogWrapp .contents #step .box p.text1 {
  margin-bottom: 25px;
}

.sblogWrapp .contents #step section:last-child .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #step section:last-child .box div {
  width: 590px;
}

.sblogWrapp .contents #step section:last-child .box div p.img3 {
  margin-bottom: 34px;
}

.sblogWrapp .contents #voice {
  padding: 60px 0;
  background: url("../img/top/bg-voice.png");
}

.sblogWrapp .contents #voice .wrap {
  width: 980px;
  padding: 2px;
  border: solid 8px #FFF;
  background: #E6E6E6;
}

.sblogWrapp .contents #voice .inner {
  padding: 40px 40px 31px;
  background: #FFF;
}

.sblogWrapp .contents #voice dl {
  margin-bottom: 20px;
  padding: 30px;
  border: solid 1px #E6E6E6;
  display: flex;
}

.sblogWrapp .contents #voice dl dt {
  margin-right: 30px;
}

.sblogWrapp .contents #voice p.btn {
  width: 680px;
  margin: 60px auto 0;
}

.sblogWrapp .contents #qaa {
  width: 980px;
  margin: 58px auto 61px;
  padding: 2px;
  border: solid 8px #E6E6E6;
  background: #B3B3B3;
}

.sblogWrapp .contents #qaa .inner {
  padding: 30px 30px 20px;
  background: #FFF;
}

.sblogWrapp .contents #qaa .inner dl {
  border-top: dotted 1px #CCC;
}

.sblogWrapp .contents #qaa .inner dl dt {
  min-height: 45px;
  margin: 58px 0 35px;
  padding-left: 125px;
  color: #EC6F82;
  font-size: 18px;
  background: url("../img/top/icon-q.png") left 58px center no-repeat;
}

.sblogWrapp .contents #qaa .inner dl dd {
  min-height: 45px;
  margin-bottom: 39px;
  padding-left: 125px;
  font-size: 14px;
  background: url("../img/top/icon-a.png") left 58px center no-repeat;
}

.sblogWrapp .contents #guidance {
  padding: 50px 0;
  background: url("../img/top/bg1.png");
}

.sblogWrapp .contents #guidance .wrap {
  padding: 32px 40px 40px;
  width: 920px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #guidance .wrap h2 {
  margin-bottom: 19px;
}

.sblogWrapp .contents #guidance .wrap div p.text1 {
  margin: 20px 0 12px;
}

.sblogWrapp .contents #shop {
  padding: 70px 0;
  background: url("../img/top/bg-shop.png");
}

.sblogWrapp .contents #shop ul {
  margin-bottom: 49px;
  padding: 15px 0;
  border: solid 1px #FFF;
  display: flex;
  justify-content: center;
}

.sblogWrapp .contents #shop ul li {
  margin-right: 40px;
}

.sblogWrapp .contents #shop ul li a {
  color: #FFF;
  text-decoration: underline;
}

.sblogWrapp .contents #shop ul li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #shop .box {
  margin-bottom: 25px;
  padding: 25px 40px;
  background: #FFF;
  display: flex;
  justify-content: space-between;
}

.sblogWrapp .contents #shop .box .left {
  width: 520px;
}

.sblogWrapp .contents #shop .box .left table {
  width: 520px;
  border-top: solid 1px #C7B299;
  border-bottom: solid 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr {
  border-bottom: dotted 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr th {
  width: 140px;
  padding: 30px 0;
  color: #534741;
  font-size: 15px;
  background: #F2F2F2;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(1) th {
  letter-spacing: 2em;
  text-indent: 2em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(2) th {
  letter-spacing: 0.8em;
  text-indent: 0.8em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(4) th {
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.sblogWrapp .contents #shop .box .left table tr td {
  padding: 0 25px;
  vertical-align: middle;
}

.sblogWrapp .contents #shop .box .right {
  width: 360px;
}

.sblogWrapp .contents #shop .box .right .gmap {
  margin-bottom: 16px;
}

.sblogWrapp .contents #blog {
  margin-bottom: 30px;
}

.sblogWrapp .contents #blog ul {
  margin: 0 4% 14px;
}

.sblogWrapp .contents #blog ul li {
  width: 96%;
  margin-bottom: 10px;
  padding: 0 4% 10px 0;
  border-bottom: dotted 1px #EC7C8D;
  background: url("../img/top/li-bg.png") right center no-repeat;
  background-size: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sblogWrapp .contents #blog p.thumb {
  width: 30%;
  height: 80px;
  overflow: hidden;
}

.sblogWrapp .contents #blog p.date {
  color: #EC7C8D;
}

.sblogWrapp .contents #blog div {
  width: 66%;
}

.sblogWrapp .contents #blog .btn {
  margin: 0 8%;
}

.sblogWrapp .contents #point {
  padding: 15px 4%;
  background: url("../img/top/bg-point1.jpg),url(../img/top/bg-point2.jpg");
  background-position: center top, center top 474px;
  background-repeat: no-repeat, repeat;
}

.sblogWrapp .contents #point h2 {
  margin-bottom: 14px;
}

.sblogWrapp .contents #point .box {
  margin-bottom: 15px;
  padding-bottom: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
}

.sblogWrapp .contents #point .box figure {
  padding: 15px 4.8%;
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: baseline;
}

.sblogWrapp .contents #point .box figure img {
  margin-bottom: 15px;
}

.sblogWrapp .contents #point .box figure figcaption p {
  margin-bottom: 1em;
}

.sblogWrapp .contents #point .box p.text1 {
  margin-bottom: 5px;
  padding: 10px;
}

.sblogWrapp .contents #point .box p.img1 {
  margin: 0 4.8% 15px;
}

.sblogWrapp .contents #point .box ul {
  margin: 0 4.8%;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #point .box ul li {
  width: 49.3%;
  margin: 0 1.4% 5px 0;
}

.sblogWrapp .contents #point .box ul li:nth-child(2n) {
  margin: 0 0 5px;
}

.sblogWrapp .contents #point .box .tokuten {
  margin: 20px 4.8%;
}

.sblogWrapp .contents #point p.btn {
  margin: 25px 0 0;
}

.sblogWrapp .contents #introduction {
  padding: 15px 4.8% 30px;
}

.sblogWrapp .contents #introduction h2 {
  margin-bottom: 12px;
}

.sblogWrapp .contents #introduction #about {
  padding: 10px 2.9%;
  margin-bottom: 15px;
  background: url("../img/sp/top/bg-introduction1.jpg");
  background-size: cover;
}

.sblogWrapp .contents #introduction #about .inner {
  padding: 10px 3.1%;
  background: rgba(255, 255, 255, 0.96);
}

.sblogWrapp .contents #introduction #about h3 {
  margin-bottom: 15px;
}

.sblogWrapp .contents #introduction #sale {
  margin-bottom: 15px;
  padding: 11px 3.6%;
  background: url("../img/top/bg-sale.png");
}

.sblogWrapp .contents #introduction #rental {
  margin-bottom: 15px;
  padding: 11px 3.6%;
  background: url("../img/top/bg-rental.png");
}

.sblogWrapp .contents #introduction #rental ul li,
.sblogWrapp .contents #introduction #sale ul li {
  padding: 1px;
  margin: 0 1.7% 10px;
  background: #FFF;
}

.sblogWrapp .contents #introduction #rental ul li:last-child,
.sblogWrapp .contents #introduction #sale ul li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #introduction #rental ul li p.thumb,
.sblogWrapp .contents #introduction #sale ul li p.thumb {
  margin: 7px 6.9%;
  text-align: center;
}

.sblogWrapp .contents #introduction #rental ul li p.thumb img,
.sblogWrapp .contents #introduction #sale ul li p.thumb img {
  width: 70%;
}

.sblogWrapp .contents #introduction #rental ul li p.text1,
.sblogWrapp .contents #introduction #sale ul li p.text1 {
  margin: 0 20px 20px;
}

.sblogWrapp .contents #step {
  padding: 20px 4% 30px;
  background: url("../img/top/bg2.png");
}

.sblogWrapp .contents #step .box {
  padding: 20px 4.3%;
  margin-bottom: 15px;
  background: #FFF;
}

.sblogWrapp .contents #step .box figure {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dotted 1px #CCC;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #step .box figure img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.sblogWrapp .contents #step .box figure:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sblogWrapp .contents #step .box figcaption {
  order: 1;
}

.sblogWrapp .contents #step .box p.text1 {
  margin-bottom: 25px;
}

.sblogWrapp .contents #step section:last-child .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #step section:last-child .box div {
  margin-bottom: 10px;
}

.sblogWrapp .contents #voice {
  padding: 30px 4%;
  background: url("../img/top/bg-voice.png");
}

.sblogWrapp .contents #voice .wrap {
  padding: 2px;
  border: solid 4px #FFF;
  background: #E6E6E6;
}

.sblogWrapp .contents #voice .inner {
  padding: 10px 3%;
  background: #FFF;
}

.sblogWrapp .contents #voice dl {
  margin-bottom: 10px;
  padding: 9px 2.9%;
  border: solid 1px #E6E6E6;
  display: flex;
}

.sblogWrapp .contents #voice dl dt {
  margin-right: 30px;
}

.sblogWrapp .contents #voice p.btn {
  margin: 30px auto 0;
}

.sblogWrapp .contents #qaa {
  padding: 2px;
  border: solid 4px #E6E6E6;
  background: #B3B3B3;
}

.sblogWrapp .contents #qaa .inner {
  padding: 25px 7.9% 15px;
  background: #FFF;
}

.sblogWrapp .contents #qaa .inner dl {
  border-top: solid 1px #CCC;
}

.sblogWrapp .contents #qaa .inner dl dt {
  min-height: 30px;
  margin: 20px 0 15px;
  padding-left: 40px;
  color: #EC6F82;
  font-size: 18px;
  background: url("../img/top/icon-q.png") left top no-repeat;
  background-size: 30px;
}

.sblogWrapp .contents #qaa .inner dl dd {
  min-height: 30px;
  margin-bottom: 15px;
  padding-left: 40px;
  font-size: 14px;
  background: url("../img/top/icon-a.png") left top no-repeat;
  background-size: 30px;
}

.sblogWrapp .contents #guidance {
  padding: 15px 4%;
  background: url("../img/top/bg1.png");
}

.sblogWrapp .contents #guidance .wrap {
  padding: 29px 4.8% 25px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #guidance .wrap div p.text1 {
  margin: 20px 0 12px;
}

.sblogWrapp .contents #shop {
  padding: 29px 4.3% 10px;
  background: url("../img/top/bg-shop.png");
}

.sblogWrapp .contents #shop ul {
  margin-bottom: 15px;
  padding: 15px 4.3%;
  border: solid 1px #FFF;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sblogWrapp .contents #shop ul li {
  margin: 0 20px;
}

.sblogWrapp .contents #shop ul li a {
  color: #FFF;
  text-decoration: underline;
}

.sblogWrapp .contents #shop .box {
  margin-bottom: 10px;
  padding: 15px 4.8%;
  background: #FFF;
}

.sblogWrapp .contents #shop .box .left table {
  width: 100%;
  margin-bottom: 16px;
  border-top: solid 1px #C7B299;
  border-bottom: solid 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr {
  border-bottom: dotted 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr th {
  width: 140px;
  padding: 15px 0;
  color: #534741;
  font-size: 15px;
  background: #F2F2F2;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(1) th {
  letter-spacing: 2em;
  text-indent: 2em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(2) th {
  letter-spacing: 0.8em;
  text-indent: 0.8em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(4) th {
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.sblogWrapp .contents #shop .box .left table tr td {
  padding: 0 25px;
  vertical-align: middle;
}

.sblogWrapp .contents #shop .box .right .gmap {
  margin-bottom: 16px;
}

.sblogWrapp .contents #shop .box .right .gmap {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

.sblogWrapp .contents #shop .box .right .gmap embed,
.sblogWrapp .contents #shop .box .right .gmap iframe,
.sblogWrapp .contents #shop .box .right .gmap object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sblogWrapp .contents #shop .box .btn {
  margin-top: 16px;
}

.sblogWrapp .contents .ft_btn {
  margin: 25px 10.7%;
}

.sblogWrapp .contents #blog {
  width: 1000px;
  margin: 77px auto 80px;
}

.sblogWrapp .contents #blog h2 {
  margin-bottom: 47px;
}

.sblogWrapp .contents #blog ul {
  margin-bottom: 34px;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #blog ul li {
  width: 318px;
  margin: 0 20px 20px 0;
  border: solid 1px #E6E6E6;
}

.sblogWrapp .contents #blog ul li a {
  padding: 20px;
  display: block;
}

.sblogWrapp .contents #blog ul li a p.thumb {
  margin-bottom: 15px;
  text-align: center;
}

.sblogWrapp .contents #blog ul li a p.thumb img {
  max-width: 280px;
  height: auto;
}

.sblogWrapp .contents #blog ul li a p.date {
  margin-bottom: 10px;
  color: #EC6F82;
}

.sblogWrapp .contents #blog ul li a p.title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #B3B3B3;
}

.sblogWrapp .contents #blog ul li a p.comment {
  margin-bottom: 50px;
}

.sblogWrapp .contents #blog ul li:nth-child(3n) {
  margin: 0 0 20px;
}

.sblogWrapp .contents .wp-pagenavi {
  text-align: center;
  color: #EC6F82;
}

.sblogWrapp .contents .wp-pagenavi a,
.sblogWrapp .contents .wp-pagenavi span {
  margin: 2px 5px !important;
  padding: 3px 10px !important;
  color: #EC6F82;
  border: solid 1px #EC6F82 !important;
}

.sblogWrapp .contents .wp-pagenavi span.current {
  color: #FFF;
  background: #EC6F82;
}

.sblogWrapp .contents .wp-pagenavi a:hover,
.sblogWrapp .contents .wp-pagenavi span.current {
  border: solid 1px #EC6F82;
}

.sblogWrapp .contents #single {
  width: 1000px;
  margin: 50px auto 52px;
}

.sblogWrapp .contents #single #breadcrumb {
  margin-bottom: 30px;
  color: #333;
  font-size: 13px;
}

.sblogWrapp .contents #single #box {
  padding: 50px;
  border: solid 1px #E6E6E6;
}

.sblogWrapp .contents #single #box h2 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #EC6F82;
  font-size: 17px;
  border-bottom: solid 1px #B3B3B3;
}

.sblogWrapp .contents #single #box h2 span {
  position: absolute;
  right: 0;
  top: 5px;
  color: #333;
  font-weight: 400;
  font-size: 12px;
}

.sblogWrapp .contents #single #box #comment {
  margin-bottom: 35px;
  word-break: break-all;
}

.sblogWrapp .contents #single #box #eyecatch {
  margin-bottom: 25px;
  text-align: center;
}

.sblogWrapp .contents #single #box #eyecatch img {
  max-width: 100%;
  height: auto;
}

.sblogWrapp .contents #single #box ul#single_pager {
  display: flex;
  justify-content: center;
}

.sblogWrapp .contents #single #box ul#single_pager li {
  margin-right: 10px;
  border: solid 1px #EC6F82;
}

.sblogWrapp .contents #single #box ul#single_pager li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #single #box ul#single_pager li a {
  padding: 10px 20px;
  color: #EC6F82;
  display: block;
}

.sblogWrapp .contents #single #box ul#single_pager li a:hover {
  color: #FFF;
  text-decoration: none;
  background: #EC6F82;
}

.sblogWrapp .contents #contact {
  width: 1000px;
  margin: 73px auto 116px;
}

.sblogWrapp .contents #contact h2 {
  margin-bottom: 53px;
}

.sblogWrapp .contents #contact #form {
  margin: 0 50px;
  text-align: center;
}

.sblogWrapp .contents #contact #form #navigation {
  margin-bottom: 50px;
}

.sblogWrapp .contents #contact #form table {
  width: 100%;
  border: solid 1px #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr th {
  position: relative;
  width: 195px;
  padding: 35px 0 35px 55px;
  text-align: left;
  color: #FFF;
  font-weight: 400;
  font-size: 15px;
  vertical-align: top;
  border-bottom: solid 1px #FFF;
  background: #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr:last-of-type th {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form table tr th p.required {
  position: absolute;
  right: 33px;
  top: 31px;
  padding: 5px 10px;
  text-align: center;
  color: #FD6E8C;
  font-size: 12px;
  border-radius: 4px;
  background: #FFF;
}

.sblogWrapp .contents #contact #form table tr td {
  position: relative;
  padding: 30px;
  text-align: left;
  color: #333;
  font-size: 15px;
  border-bottom: solid 1px #CCC;
}

.sblogWrapp .contents #contact #form table tr td input[type=text],
.sblogWrapp .contents #contact #form table tr td input[type=email] {
  height: 28px;
  max-width: 80%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td.store {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td select {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sblogWrapp .contents #contact #form table tr td.store select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td .birth {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .birth select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td .seijin select {
  width: 60%;
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td .zip input:first-child {
  margin-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .zip input:last-child {
  margin-left: 5px;
}

.sblogWrapp .contents #contact #form table tr td p.text1 {
  margin-top: 10px;
}

.sblogWrapp .contents #contact #form table tr td p.text3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #CCC;
}

.sblogWrapp .contents #contact #form table tr td p.required {
  position: absolute;
  right: 4.8%;
  top: 25px;
  padding: 5px 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr td .hope:nth-child(5) {
  margin-bottom: 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text4 {
  margin: 20px 0 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text5 {
  margin: 10px 0;
}

.sblogWrapp .contents #contact #form table tr td .hope {
  margin-bottom: 30px;
}

.sblogWrapp .contents #contact #form table tr td .hope:last-of-type {
  margin-bottom: 0;
}

.sblogWrapp .contents #contact #form table tr td textarea {
  width: 100%;
  height: 170px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr:last-of-type td {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form p.text2 {
  margin: 60px 0 30px;
  color: #EC6F82;
  font-size: 21px;
}

.sblogWrapp .contents #contact #form input[name=submitBack],
.sblogWrapp .contents #contact #form input[name=check] {
  width: 280px;
  height: 60px;
  margin: 55px 10px 0;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

.sblogWrapp .contents #contact #form input[name=submitBack] {
  background-image: url("../img/page/btn_back.png");
}

.sblogWrapp .contents #contact #form input[name=check] {
  background-image: url("../img/page/btn_send.png");
}

.sblogWrapp .contents #contact #form input[name=submitConfirm] {
  width: 500px;
  height: 62px;
  margin: 55px auto 0;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url("../img/page/btn_conf.png");
  overflow: hidden;
}

.sblogWrapp .contents #contact #form p.img1_thanks {
  margin-bottom: 23px;
}

.sblogWrapp .contents #contact #form p.img2_thanks {
  margin-bottom: 43px;
}

.sblogWrapp .contents #contact2 {
  width: 1000px;
  margin: 73px auto 116px;
}

.sblogWrapp .contents #contact2 h2 {
  margin-bottom: 53px;
}

.sblogWrapp .contents #contact2 #form2 {
  padding: 58px 49px 66px;
  text-align: center;
  border: solid 1px #E6E6E6;
}

.sblogWrapp .contents #contact2 #form2 #navigation {
  margin-bottom: 72px;
}

.sblogWrapp .contents #contact2 #form2 .img1 {
  width: 411px;
  margin: 0 auto 48px;
}

.sblogWrapp .contents #contact2 #form2 .img2 {
  width: 489px;
  margin: 0 auto 43px;
}

.sblogWrapp .contents #contact2 #form2 .btn {
  width: 500px;
  margin: 0 auto;
}

.sblogWrapp .contents #blog {
  margin-top: 60px;
  padding: 15px 4% 35px;
  background: #FAFAFA;
}

.sblogWrapp .contents #blog .inner {
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: #FFF;
}

.sblogWrapp .contents #blog ul {
  margin-bottom: 15px;
  padding: 2.2% 2.2% 15px;
}

.sblogWrapp .contents #blog ul li {
  border-bottom: dotted 1px #B3B3B3;
}

.sblogWrapp .contents #blog ul li a {
  padding: 10px 2.2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("../img/sp/common/list-bg.png") right 2.2% center no-repeat;
  background-size: 8px;
}

.sblogWrapp .contents #blog ul li a p.thumb {
  width: 35.2%;
  margin-bottom: 15px;
  text-align: center;
}

.sblogWrapp .contents #blog ul li a p.thumb img {
  max-width: 100%;
}

.sblogWrapp .contents #blog ul li a div {
  width: 59.7%;
  padding-right: 2.2%;
}

.sblogWrapp .contents #blog ul li a p.date {
  margin-bottom: 5px;
  color: #EC6F82;
}

.sblogWrapp .contents #blog ul li a p.title {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.sblogWrapp .contents #blog ul li a p.title a {
  display: inline !important;
}

.sblogWrapp .contents #blog ul li a p.comment {
  margin-bottom: 5px;
}

.sblogWrapp .contents #blog ul li a p.more {
  color: #EC6F82;
}

.sblogWrapp .contents #blog p.btn {
  margin: 0 9.3%;
}

.sblogWrapp .contents .wp-pagenavi {
  margin-top: 25px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  font-size: 14px !important;
}

.sblogWrapp .contents .wp-pagenavi a,
.sblogWrapp .contents .wp-pagenavi span.extend,
.sblogWrapp .contents .wp-pagenavi span.pages {
  color: #FD6E8C !important;
  background: #FFFFFF !important;
  border: solid 1px #FD6E8C !important;
  padding: 6px 9px 6px 9px !important;
  margin-right: 3px !important;
  text-decoration: none !important;
  display: inline-block;
}

.sblogWrapp .contents .wp-pagenavi a:hover {
  color: #FFFFFF !important;
  border: solid 1px #FD6E8C !important;
  background: #FD6E8C !important;
}

.sblogWrapp .contents .wp-pagenavi span.current {
  margin-right: 3px !important;
  padding: 6px 9px 6px 9px !important;
  color: #FFFFFF !important;
  border: solid 1px #FD6E8C !important;
  background: #FD6E8C !important;
}

.sblogWrapp .contents #single {
  margin-top: 60px;
  padding: 15px 4% 35px;
  background: #F9F9F9;
}

.sblogWrapp .contents #single #breadcrumb {
  display: none;
}

.sblogWrapp .contents #single #box {
  margin-bottom: 15px;
  padding: 15px 4.3% 25px;
  background: #FFF;
}

.sblogWrapp .contents #single #box h2 {
  margin-bottom: 10px;
  padding-bottom: 15px;
  color: #EC6F82;
  font-size: 17px;
  border-bottom: solid 1px #EC7C8D;
}

.sblogWrapp .contents #single #box p.date {
  margin-bottom: 15px;
  color: #EC7C8D;
  font-weight: 400;
  font-size: 12px;
}

.sblogWrapp .contents #single #box #comment {
  word-break: break-all;
}

.sblogWrapp .contents #single #box #eyecatch {
  margin-bottom: 25px;
  text-align: center;
}

.sblogWrapp .contents #single #box #comment img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.sblogWrapp .contents #single p.btn {
  margin: 0 9.3%;
}

.sblogWrapp .contents #single #box ul#single_pager {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

.sblogWrapp .contents #single #box ul#single_pager li {
  margin-right: 10px;
}

.sblogWrapp .contents #single #box ul#single_pager li a {
  padding: 10px 20px;
  color: #FD6E8C;
  border: solid 1px #FD6E8C;
  display: block;
}

.sblogWrapp .contents #single #box ul#single_pager li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #contact {
  margin-top: 60px;
  padding: 0 4% 15px;
  background: #F9F9F9;
}

.sblogWrapp .contents #contact #form {
  padding: 15px 4.3% 25px;
  text-align: center;
  background: #FFF;
}

.sblogWrapp .contents #contact #form #navigation {
  margin-bottom: 15px;
}

.sblogWrapp .contents #contact #form table {
  width: 100%;
}

.sblogWrapp .contents #contact #form table tr th {
  position: relative;
  width: 95.2%;
  padding: 15px 0 15px 4.8%;
  text-align: left;
  color: #534741;
  font-weight: 400;
  font-size: 15px;
  vertical-align: top;
  background: rgba(236, 124, 141, 0.15);
  display: inline-block;
}

.sblogWrapp .contents #contact #form table tr:last-of-type th {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form table tr th p.required {
  position: absolute;
  right: 4.8%;
  top: 10px;
  padding: 5px 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8D;
}

.sblogWrapp .contents #contact #form table tr td {
  position: relative;
  width: 96.8%;
  padding: 15px 1.6%;
  text-align: left;
  color: #333;
  font-size: 15px;
  display: inline-block;
}

.sblogWrapp .contents #contact #form table tr td input[type=text],
.sblogWrapp .contents #contact #form table tr td input[type=email] {
  width: 96.8%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .mwform-tel-field input[type=text] {
  width: auto;
}

.sblogWrapp .contents #contact #form table tr td .zip input[type=text] {
  width: auto;
}

.sblogWrapp .contents #contact #form table tr td.store {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td select {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sblogWrapp .contents #contact #form table tr td.store select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .birth {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .birth select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .seijin select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .zip input:first-child {
  margin-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .zip input:last-child {
  margin-left: 5px;
}

.sblogWrapp .contents #contact #form table tr td p.text1 {
  margin-top: 10px;
}

.sblogWrapp .contents #contact #form table tr td p.text3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #CCC;
}

.sblogWrapp .contents #contact #form table tr td p.required {
  position: absolute;
  right: 4.8%;
  top: 15px;
  padding: 5px 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr td .hope:nth-child(5) {
  margin-bottom: 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text4 {
  margin: 20px 0 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text5 {
  margin: 10px 0;
}

.sblogWrapp .contents #contact #form table tr td .hope:nth-of-type(2) {
  margin-bottom: 30px;
}

.sblogWrapp .contents #contact #form table tr td textarea {
  width: 100%;
  height: 170px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr:last-of-type td {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form p.text2 {
  margin: 15px 0 20px;
  padding-bottom: 10px;
  text-align: left;
  color: #EC6F82;
  font-size: 21px;
  border-bottom: dotted 1px #EC7C8D;
}

.sblogWrapp .contents #contact #form input[name=submitBack],
.sblogWrapp .contents #contact #form input[name=check] {
  width: 150px;
  height: 45px;
  margin: 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

.sblogWrapp .contents #contact #form input[name=submitBack] {
  background-image: url("../img/sp/common/btn_back.png");
  background-size: cover;
}

.sblogWrapp .contents #contact #form input[name=check] {
  background-image: url("../img/sp/common/btn_send.png");
  background-size: cover;
}

.sblogWrapp .contents #contact #form input[name=submitConfirm] {
  width: 280px;
  height: 45px;
  margin: 0 auto;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url("../img/sp/common/btn_conf.png");
  background-size: cover;
  overflow: hidden;
}

.sblogWrapp .contents #contact #form p.img1_thanks {
  margin-bottom: 23px;
}

.sblogWrapp .contents #contact #form p.img2_thanks {
  margin-bottom: 43px;
}

.sblogWrapp .contents #contact2 {
  margin-top: 60px;
  padding: 0 4% 30px;
  background: #F9F9F9;
}

.sblogWrapp .contents #contact2 #form2 div {
  margin-bottom: 15px;
  padding: 15px 4.3% 31px;
  text-align: center;
  background: #FFF;
}

.sblogWrapp .contents #contact2 #form2 .btn {
  margin: 0 9.3%;
}

.sblogWrapp .contents img {
  width: auto;
  display: inline-block;
  vertical-align: inherit;
}

body * {
  text-decoration: none;
  outline: none;
  font-weight: 400;
  line-height: 1.8em;
  -ms-line-break: strict !important;
  line-break: strict !important;
  color: #333;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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;
}

ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

img {
  border: none;
  vertical-align: bottom;
  font-size: auto;
  line-height: 0;
}

address {
  font-style: normal;
}

/*! clearfix ---------------------------- */
.cf:after,
.cf:before {
  content: "";
  display: block;
  overflow: hidden;
}

.cf:after {
  clear: both;
}

.clear {
  clear: both;
  visibility: hidden;
  height: 0;
}

html {
  overflow: auto;
  font-size: 62.5%;
}

body {
  overflow-y: hidden;
  min-width: 100%;
  position: relative;
  font-size: 1.8rem;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  letter-spacing: 1px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.maxWrapp {
  width: calc(100% - 70px);
  margin: 0 auto;
  position: relative;
}

.mainWrapp {
  width: 1500px;
  position: relative;
}

.largeWrapp {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.page-id-11753 .largeWrapp {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.page-id-11748 .largeWrapp {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .largeWrapp {
    width: 90%;
  }
}
@media screen and (max-width: 821px) {
  .largeWrapp {
    width: 90%;
  }
}
.middleWrapp {
  width: 100%;
  width: 960px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .middleWrapp {
    width: 98%;
  }
}
.smallWrapp {
  width: 812px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 960px) {
  .smallWrapp {
    width: 98%;
  }
}
.wFont {
  font-family: "Crimson Text", serif;
}

@media screen and (max-width: 960px) {
  .pcImg {
    display: none !important;
  }
}
@media screen and (min-width: 961px) {
  .spImg {
    display: none !important;
  }
}
@font-face {
  font-family: "myfont-bellmt";
  src: url("font/BellMTStd-Regular.eot");
  src: url("font/BellMTStd-Regular.eot?") format("embedded-opentype"), url(font/BellMTStd-Regular.woff) format("woff"), url(font/BellMTStd-Regular.otf) format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "myfont-Miama";
  src: url("font/Miama.eot");
  src: url("font/Miama.eot?") format("embedded-opentype"), url(font/Miama.woff) format("woff"), url(font/Miama.otf) format("opentype");
  font-style: normal;
  font-weight: 400;
}
.font-eng01 {
  font-family: "myfont-bellmt", "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.font-eng02 {
  font-family: "myfont-Miama", "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.leftBox {
  float: left;
}

.rightBox {
  float: right;
}

.conBox {
  padding-top: 150px;
}

@media screen and (max-width: 821px) {
  .conBox {
    padding-top: 55px;
  }
}
.moreLink {
  float: right;
  top: 15px;
  position: absolute;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 821px) {
  .moreLink {
    top: 29px;
    margin-left: 0;
    float: right;
  }
}
.moreLink:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .moreLink:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.moreLink a {
  font-size: 2rem;
  color: #595454;
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  .moreLink a {
    font-size: 1rem;
  }
}
.moreLink a:focus,
.moreLink a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.btn {
  position: relative;
}

.btn p {
  font-size: 2rem;
  padding-top: 45px;
  padding-bottom: 45px;
  line-height: 1;
  border: 2px solid #333;
  position: relative;
  display: block;
  width: 520px;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 430px;
  z-index: 1;
  box-sizing: border-box;
}

@media screen and (max-width: 1120px) {
  .btn p {
    width: 100%;
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .btn p {
    font-size: 1.4rem;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 13px;
    background-position-x: 95%;
    border: 1px solid #9b9f33;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .btn p {
    background-position-x: 95%;
  }
}
@media screen and (max-width: 821px) {
  .btn p:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
    left: 0;
    top: 0;
  }
  .btn p:before {
    content: "";
    border: 1px solid #c9d3bd;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -6px;
    bottom: -6px;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
  }
}
.btn.twoLine p {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 35px;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .btn.twoLine p {
    padding-top: 17px;
    padding-bottom: 17px;
    line-height: 20px;
  }
}
.btn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
  left: 0;
  top: 0;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .btn:after {
    background: none;
  }
}
.btn:before {
  content: "";
  border: 2px solid #a5a5a5;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -12px;
  bottom: -13px;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  .btn:before {
    display: none;
  }
}
.btn:hover:after {
  background: rgba(244, 244, 244, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .btn:hover:after {
    background: none;
  }
}
.btn:hover:before {
  background: #ccc;
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .btn:hover:before {
    background: none;
  }
}
@media screen and (max-width: 821px) {
  /* .btn:hover p:after,
  .btn:hover p:before {
      background: rgba(155,159,51,.4);
      -webkit-transition: 0.3s;
      transition: 0.3s;
  } */
}
.twoBtn-a .btn {
  float: left;
}

@media screen and (max-width: 1120px) {
  .twoBtn-a .btn {
    width: 49%;
  }
}
@media screen and (max-width: 821px) {
  .twoBtn-a .btn {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
.twoBtn-a .rightBox {
  float: right;
}

.colorBox {
  background: #1a1a3c;
  display: inline-block;
  padding: 4px 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .colorBox {
    margin-bottom: 15px;
  }
}
.colorBox p {
  line-height: 1;
  color: #fff;
  font-size: 1.5rem;
}

.ttlCommon {
  position: relative;
  margin: 0 auto;
  width: 1100px;
}

@media screen and (max-width: 1200px) {
  .ttlCommon {
    width: 90%;
    padding-top: 0;
    margin: 0 auto;
  }
}
.ttlCommon h2,
.ttlCommon h3 {
  font-size: 1.4rem;
  text-align: center;
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  box-sizing: content-box;
}

.ttlCommon h2 span,
.ttlCommon h3 span {
  display: inline;
}

.ttlCommon h2 .borderLine,
.ttlCommon h3 .borderLine {
  width: 81px;
  height: 2px;
  display: inline-block;
  background: #9c918f;
  margin-left: 15px;
  margin-right: 27px;
  position: relative;
  bottom: 4px;
}

@media screen and (max-width: 821px) {
  .ttlCommon h2 .borderLine,
.ttlCommon h3 .borderLine {
    margin-left: 0;
    margin-right: 8px;
    margin-top: 0;
    width: 45px;
  }
}
.ttlCommon h2 .engTtl01,
.ttlCommon h3 .engTtl01 {
  font-size: 3.8rem;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .ttlCommon h2 .engTtl01,
.ttlCommon h3 .engTtl01 {
    font-size: 1.9rem;
    text-align: left;
    display: block;
    width: 100%;
    text-align: left;
  }
}
.ttlCommon h2 .jpnTtl,
.ttlCommon h3 .jpnTtl {
  margin-top: 25px;
  color: #595454;
  font-size: 1.6rem;
}

@media screen and (max-width: 821px) {
  .ttlCommon h2 .jpnTtl,
.ttlCommon h3 .jpnTtl {
    font-size: 1.4rem;
  }
}
.engTtl02 {
  font-size: 6.6rem;
}

@media screen and (max-width: 821px) {
  .engTtl02 {
    font-size: 4.5rem;
  }
}
.engTtl02 span {
  color: #595454;
  display: inline-block;
  position: relative;
}

.engTtl02 span::first-letter {
  color: #1a1a3c;
}

.engTtl02 span:after {
  content: "";
  width: 1px;
  height: 85px;
  background: #595454;
  display: block;
  position: absolute;
}

@media screen and (max-width: 821px) {
  .engTtl02 span:after {
    height: 55px;
  }
}
.engTtl02 span:nth-child(1) {
  margin-right: 55px;
}

.engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 140px;
}

@media screen and (max-width: 821px) {
  .engTtl02 span:nth-child(1):after {
    left: 105px;
    top: 14px;
  }
}
.engTtl02 span:nth-child(2) {
  top: 10px;
}

.engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -27px;
}

@media screen and (max-width: 821px) {
  .engTtl02 span:nth-child(2):after {
    left: -29px;
    top: 4px;
  }
}
.ttlCommon-b {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 280px;
}

@media screen and (max-width: 821px) {
  .ttlCommon-b {
    width: 90%;
    padding-top: 0;
  }
}
.ttlCommon-b h2,
.ttlCommon-b h3 {
  position: relative;
  z-index: 1;
  padding-left: 140px;
}

.ttlCommon-b h2:before,
.ttlCommon-b h3:before {
  content: "";
  width: 272px;
  position: absolute;
  display: block;
  height: 272px;
  background: url("images/ttl-bg01.png") no-repeat left center;
  z-index: -1;
  left: 0;
  top: -180px;
  z-index: -1;
}

.ttlCommon-c {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .ttlCommon-c {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .ttlCommon-c span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.ttlCommon-c .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.ttlCommon-c .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.ttlCommon-c .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .ttlCommon-c .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .ttlCommon-c .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.ttlBg01,
.ttlBg02 {
  position: relative;
  display: table;
}

@media screen and (max-width: 821px) {
  .ttlBg01,
.ttlBg02 {
    padding-top: 0;
  }
}
/*.ttlBg02 h2:before,
.ttlBg02 h3:before {
    background: url("images/ttl-bg02.png") no-repeat left center;
}*/
.ttlBg-back {
  position: absolute;
  right: 0;
  z-index: 1;
}

.ttlBg-back span {
  position: absolute;
  width: 1px;
  height: 240px;
  display: block;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span {
    height: 78px;
  }
}
.ttlBg-back span:nth-child(1) {
  bottom: -35px;
  right: 20px;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span:nth-child(1) {
    bottom: 119px;
    right: 8px;
  }
}
.ttlBg-back span:nth-child(2) {
  bottom: 65px;
  right: 10px;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span:nth-child(2) {
    bottom: 151px;
    right: 4px;
  }
}
.ttlBg-back span:nth-child(3) {
  bottom: 5px;
  right: 0;
}

@media screen and (max-width: 821px) {
  .ttlBg-back span:nth-child(3) {
    bottom: 131px;
    right: 0;
  }
}
.ttlBg-back01 span {
  background: #9b9f33;
}

.fourstyleBoxNew {
  position: relative;
}

.fourstyleBoxNew:after,
.fourstyleBoxNew:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 101%;
  z-index: 0;
}

.fourstyleBoxNew:before {
  left: 0;
  top: -5px;
  background: #ebf3f9;
  background: linear-gradient(to right, #ebf3f9 0%, #f7fbf0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebf3f9",endColorstr="#f7fbf0",GradientType=1);
}

.fourstyleBoxNew:after {
  right: 0;
  top: 70px;
  background: #ebf3f9;
  background: linear-gradient(to right, #fcf5e6 50%, #faf0ef 77%, #f7e9ec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcf5e6",endColorstr="#f7e9ec",GradientType=1);
}

@media screen and (max-width: 821px) {
  .fourstyleBoxNew:after {
    top: 20px;
  }
}
.fourstyleBoxNew .largeWrapp {
  background: url("images/fashion-style-img.png") no-repeat left top;
  background-size: 100% 100%;
}

.fourstyleBoxNew .fourstyle-backgroundImg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}

.fourstyleBoxNew .line {
  position: absolute;
  left: 0;
  width: 100%;
}

.fourstyleBoxNew .line .box {
  float: left;
  z-index: 1;
  height: auto;
  width: 50%;
}

.fourstyleBoxNew .line .box img {
  float: left;
  width: 38%;
  height: auto;
  border-radius: 6px;
  box-shadow: -4px 4px 0 rgba(226, 226, 226, 0.8);
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: 0.5s;
}

.fourstyleBoxNew .line .box img:focus,
.fourstyleBoxNew .line .box img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.fourstyleBoxNew .line .box .fasion-img01,
.fourstyleBoxNew .line .box .fasion-img05 {
  margin-left: 14%;
  margin-right: 4%;
}

.fourstyleBoxNew .line .box .fasion-img03,
.fourstyleBoxNew .line .box .fasion-img07 {
  margin-right: 4%;
  margin-left: 8%;
}

.fourstyleBoxNew .line01 {
  top: 16%;
}

.fourstyleBoxNew .line02 {
  bottom: 16%;
}

.fourStyleBoxNew02 {
  position: relative;
  margin-top: -40px;
  margin-bottom: -60px;
}

.fourStyleBoxNew02 .lineBoxWrapp {
  position: relative;
}

.fourStyleBoxNew02 .backGroundImg {
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
  width: 1110px;
}

.fourStyleBoxNew02 .backGroundImg img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1400px) {
  .fourStyleBoxNew02 .backGroundImg {
    top: 50%;
  }
}
@media screen and (max-width: 1165px) {
  .fourStyleBoxNew02 .backGroundImg {
    width: 92%;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .backGroundImg {
    width: 100%;
    top: 50%;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .fourStyleBoxNew02 .backGroundImg {
    top: 50%;
  }
}
.fourStyleBoxNew02 .largeWrapp {
  position: relative;
}

.fourStyleBoxNew02 .leftBox,
.fourStyleBoxNew02 .rightBox {
  width: 50%;
  position: relative;
}

.fourStyleBoxNew02 .leftBox {
  left: 0;
}

.fourStyleBoxNew02 .rightBox {
  right: 0;
}

.fourStyleBoxNew02 .lineBox01,
.fourStyleBoxNew02 .lineBox02 {
  float: right;
}

.fourStyleBoxNew02 .lineBox03,
.fourStyleBoxNew02 .lineBox04 {
  float: left;
}

.fourStyleBoxNew02 .lineBox {
  width: 23%;
  position: relative;
  text-align: center;
  padding-left: 2%;
  padding-right: 2%;
  box-sizing: content-box;
  padding-top: 150px;
  padding-bottom: 210px;
  z-index: 1;
}

@media screen and (max-width: 1700px) {
  .fourStyleBoxNew02 .lineBox {
    padding-top: 150px;
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 1400px) {
  .fourStyleBoxNew02 .lineBox {
    padding-top: 220px;
    padding-bottom: 300px;
  }
}
@media screen and (max-width: 1165px) {
  .fourStyleBoxNew02 .lineBox {
    width: 39%;
    padding-top: 150px;
    padding-bottom: 210px;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
.fourStyleBoxNew02 .lineBox .lineInrBox {
  position: relative;
  width: 100%;
  text-align: center;
}

.fourStyleBoxNew02 .lineBox img {
  display: block;
  width: 95%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  box-shadow: -4px 4px 0 rgba(226, 226, 226, 0.8);
  border-radius: 10px;
}

.fourStyleBoxNew02 .lineBox .topImg {
  margin-bottom: 140px;
}

@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox .topImg {
    margin-bottom: 50px;
  }
}
.fourStyleBoxNew02 .lineBox .categoryTtl {
  margin-bottom: 40px;
  font-size: 2.1rem;
  font-weight: 700;
}

@media screen and (max-width: 1165px) {
  .fourStyleBoxNew02 .lineBox .categoryTtl {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox .categoryTtl {
    font-size: 1.1rem;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 813px) {
  .fourStyleBoxNew02 .lineBox .twoLineFontBr {
    display: none;
  }
}
@media screen and (max-width: 821px) {
  .fourStyleBoxNew02 .lineBox .twoLineFont {
    margin-bottom: 0;
  }
}
.fourStyleBoxNew02 .lineBox img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: 0.5s;
}

.fourStyleBoxNew02 .lineBox img:focus,
.fourStyleBoxNew02 .lineBox img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.fourStyleBoxNew02 .lineBox01 .lineInrBox {
  float: right;
}

.fourStyleBoxNew02 .lineBox01 .categoryTtl {
  color: #0c2160;
}

.fourStyleBoxNew02 .lineBox02 .categoryTtl {
  color: #32413e;
}

.fourStyleBoxNew02 .lineBox03 .categoryTtl {
  color: #fa9600;
}

.fourStyleBoxNew02 .lineBox04 .lineInrBox {
  float: left;
}

.fourStyleBoxNew02 .lineBox04 .categoryTtl {
  color: #f1667b;
}

.liquid {
  display: -moz-inline-block;
  display: -webkit-inline-box;
  display: inline-block;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.liquid:after {
  content: "";
  float: left;
  display: block;
}

.borderBox {
  border: 1px solid #595454;
  border-top: none;
  position: relative;
}

.borderBox .borderBoxTtl {
  position: relative;
  top: -60px;
  margin-bottom: 0;
}

.borderBox .borderBoxTtl:after,
.borderBox .borderBoxTtl:before {
  content: "";
  position: absolute;
  width: 34%;
  height: 1px;
  background: #595454;
  display: block;
  top: 60px;
}

.borderBox .borderBoxTtl:before {
  left: 0;
}

.borderBox .borderBoxTtl:after {
  right: 0;
}

@media screen and (max-width: 821px) {
  .borderBox .borderBoxTtl {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .borderBox .borderBoxTtl span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.borderBox .borderBoxTtl .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.borderBox .borderBoxTtl .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.borderBox .borderBoxTtl .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .borderBox .borderBoxTtl .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .borderBox .borderBoxTtl .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.borderBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
  line-height: 1;
  padding-top: 20px;
}

@media screen and (max-width: 821px) {
  .borderBox h4 {
    font-size: 1.6rem;
    margin-bottom: 30px;
    padding-top: 30px;
  }
  .borderBox h4 span {
    font-size: 1.2rem;
    text-align: center;
    color: #595454;
  }
}
.borderBox h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.borderBox h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.borderBox h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .borderBox h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .borderBox h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.listTitle {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 2.1rem;
}

.campaignListBox {
  padding-top: 300px;
}

@media screen and (max-width: 821px) {
  .campaignListBox {
    padding-top: 90px;
  }
}
.campaignListBox .topBox {
  margin-bottom: 195px;
}

@media screen and (max-width: 821px) {
  .campaignListBox .topBox {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 821px) {
  .campaignListBox .ttlBg-back {
    top: 90px;
  }
}
.campaignListBox .listCon {
  width: 260px;
  float: left;
  margin-left: 15px;
  margin-bottom: 70px;
  height: 474px;
}

@media screen and (max-width: 821px) {
  .campaignListBox .listCon {
    width: 95%;
    float: none;
    margin: 0 auto 50px;
    height: auto;
  }
}
.campaignListBox .listCon .thumbnailBox {
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 813px) {
  .campaignListBox .listCon .thumbnailBox {
    min-height: 260px;
    min-width: 260px;
  }
}
.campaignListBox .listCon .thumbnailBox .thumbnail {
  display: block;
  position: relative;
  width: 100%;
}

.campaignListBox .listCon .thumbnailBox .thumbnail .thumbnailLink {
  width: 100%;
}

.campaignListBox .listCon .thumbnailBox .thumbnail .thumbnailLink:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.campaignListBox .listCon .thumbnailBox .thumbnail .thumbnailLink img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 260px;
  max-height: 260px;
}

.campaignListBox .listCon .thumbnailBox .trimming {
  width: 100%;
}

.campaignListBox .listCon .thumbnailBox .trimming img {
  width: 100%;
  height: auto;
}

.campaignListBox .listCon .ttlBox h4,
.campaignListBox .listCon .ttlBox h5 {
  font-size: 1.8rem;
  line-height: 1.8;
  max-height: 90px;
  overflow: hidden;
  margin-bottom: 15px;
}

.campaignListBox .listCon .ttlBox h4 a,
.campaignListBox .listCon .ttlBox h5 a {
  font-size: 1.6rem;
}

.campaignListBox .listCon .leadTxtBox p {
  height: 75px;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 821px) {
  .campaignListBox .listCon .leadTxtBox p {
    max-height: 75px;
    height: auto;
  }
}
.campaignListBox .pagenaviarea {
  text-align: center;
  margin-bottom: 50px;
}

.campaignListBox .pagenaviarea .page-numbers {
  border: 1px solid #9f3389;
  padding: 10px 5px;
  margin: 0 5px;
  color: #fff;
  background: #9f3389;
  border-radius: 3px;
  transition: 0.5s;
}

.campaignListBox .pagenaviarea .page-numbers:focus,
.campaignListBox .pagenaviarea .page-numbers:hover {
  border: 1px solid #3f3f3f;
  background: #3f3f3f;
  color: #fff;
  transition: 0.3s;
}

.campaignListBox .pagenaviarea .current {
  border: 1px solid #ccc;
  background: #ccc;
}

.campaignListBox .pagenaviarea .current:focus,
.campaignListBox .pagenaviarea .current:hover {
  border: 1px solid #ccc;
  background: #ccc;
  color: #fff;
}

.campaignListBox .oldBlogBtnWrapp img {
  width: 100%;
  height: auto;
  transition: 0.5s;
  opacity: 1;
}

.campaignListBox .oldBlogBtnWrapp img:focus,
.campaignListBox .oldBlogBtnWrapp img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.knowledge {
  padding-top: 50px;
  padding-bottom: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .knowledge {
    padding-bottom: 0;
  }
}
.knowledge * {
  padding-bottom: 0;
}

.knowledge .columnListWrapp {
  width: 928px;
}

.knowledge .columnListWrapp .columnListCon {
  width: 444px;
  height: auto;
  background: url("images/knowledge-bg.png") no-repeat left top;
  float: left;
  position: relative;
  background-size: 100% 100%;
  padding: 38px 54px;
  box-sizing: border-box;
  filter: drop-shadow(1px 1px 0 rgba(230, 230, 230, 0));
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .knowledge .columnListWrapp .columnListCon {
    padding: 4%;
  }
}
.knowledge .columnListWrapp .columnListCon:nth-child(2n) {
  margin-left: 40px;
}

.knowledge .columnListWrapp .columnListCon .dateBox {
  float: right;
}

.knowledge .columnListWrapp .columnListCon .dateBox p {
  color: #9b9f33;
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox {
  width: 337px;
  height: 337px;
  margin: 0 auto;
  padding: 0;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail {
  display: block;
  position: relative;
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail .thumbnailLink {
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail .thumbnailLink:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .thumbnail .thumbnailLink img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .trimming {
  width: 100%;
}

.knowledge .columnListWrapp .columnListCon .thumbnailBox .trimming img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1630px) {
  .knowledge .columnListWrapp .columnListCon .thumbnailBox {
    width: 100%;
    height: auto;
  }
}
.knowledge .columnListWrapp .columnListCon .catBox {
  width: 100%;
  margin: 22px auto;
}

.knowledge .columnListWrapp .columnListCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555;
}

.knowledge .columnListWrapp .columnListCon .ttlBox {
  height: 76px;
  overflow: hidden;
  margin-left: 55px;
  margin-right: 0;
  width: 82%;
  margin-bottom: 10px;
}

.knowledge .columnListWrapp .columnListCon .ttlBox h4 {
  color: #555;
  font-size: 1.6rem;
  line-height: 20px;
}

@media screen and (max-width: 1630px) {
  .knowledge .columnListWrapp {
    width: 75%;
    margin: 0 auto;
  }
  .knowledge .columnListWrapp .dateBox {
    width: 100% !important;
    text-align: right;
  }
  .knowledge .columnListWrapp .columnListCon {
    width: 48%;
    height: auto;
    background-size: 100% 100%;
  }
  .knowledge .columnListWrapp .columnListCon:nth-child(2n) {
    margin-left: 4%;
  }
  .knowledge .columnListWrapp .columnListCon .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
}
@media screen and (max-width: 821px) {
  .knowledge .columnListWrapp {
    width: 90%;
  }
  .knowledge .columnListWrapp .columnListCon .catBox {
    width: 100%;
    margin: 7px auto;
    line-height: 1;
  }
  .knowledge .columnListWrapp .columnListCon .catBox a {
    font-size: 1rem;
    line-height: 1;
  }
  .knowledge .columnListWrapp .columnListCon .ttlBox {
    margin-left: 10%;
  }
  .knowledge .columnListWrapp .columnListCon .ttlBox h4 {
    font-size: 1rem;
    line-height: 1.2;
  }
  .knowledge .columnListWrapp .columnListCon .dateBox .dateBoxIn p {
    font-size: 1rem;
  }
}
.knowledge .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .knowledge .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.knowledge .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .knowledge .btn p {
    background-position-x: 90%;
  }
}
.blogBox .blogListCon {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .blogBox .blogListCon {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.blogBox .blogListCon .thumbnailBox {
  width: 28%;
  position: relative;
  float: left;
}

.blogBox .blogListCon .thumbnailBox .thumbnail {
  display: block;
  position: relative;
  width: 100%;
}

.blogBox .blogListCon .thumbnailBox .thumbnail .thumbnailLink {
  width: 100%;
}

.blogBox .blogListCon .thumbnailBox .thumbnail .thumbnailLink:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.blogBox .blogListCon .thumbnailBox .thumbnail .thumbnailLink img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blogBox .blogListCon .thumbnailBox .trimming {
  width: 100%;
}

.blogBox .blogListCon .thumbnailBox .trimming img {
  width: 100%;
  height: auto;
}

.blogBox .blogListCon .txtBox {
  width: 70%;
}

.blogBox .blogListCon .txtBox .date {
  font-size: 1.2rem;
}

.blogBox .blogListCon .txtBox h5 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
}

.blogBox .blogListCon .txtBox h5 a {
  font-weight: 700;
  height: 25px;
  overflow: hidden;
  display: block;
}

.blogBox .blogListCon .txtBox .leadTxt {
  font-size: 1.4rem;
  overflow: hidden;
  height: 70px;
}

.blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .blogBox .btn p {
    background-position-x: 90%;
  }
}
.home #header {
  height: 989px;
  background: url("images/eyecatch-top.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.home #header .logoBox .logo p {
  color: #cecece;
}

.home #header .logoBox .logo p:before {
  background: #b0b0b0;
}

@media screen and (max-width: 961px) {
  .home #header {
    background: url("images/sp-eyecatch-top.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
#header {
  position: relative;
  background: url("images/eyecatch-top.jpg") no-repeat left top;
  background-size: 100% auto;
  height: 989px;
  display: block;
  background-size: cover;
  background-position: right;
}

#header .btnTrigger {
  z-index: 9999;
}

@media screen and (min-width: 961px) {
  #header .btnTrigger {
    display: none !important;
  }
}
#header .gNavSP {
  display: none;
  border-top: 1px solid #de6e5d;
  z-index: 9999;
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  padding-top: 40px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#header .gNavSP .logoBack {
  width: 100%;
  background: #333;
  display: block;
  height: 40px;
  position: absolute;
  top: 0;
  border-left: 1px solid #333;
  border-top: 1px solid #333;
}

#header .gNavSP .topPageLink {
  width: calc(50% - 2px);
  position: absolute;
  left: 0;
  top: 0;
  background: none;
}

#header .gNavSP .topPageLink img {
  width: 80%;
  height: auto;
}

#header .gNavSP a {
  width: 50%;
  line-height: 35px;
  display: block;
  float: left;
  background: #333;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  box-sizing: border-box;
}

#header .gNavSP a.last_link {
  margin-bottom: 150px;
}

#header .gNavSP a li {
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 35px;
}

#header .gNavSP a:focus,
#header .gNavSP a:hover {
  background: #000;
}

#header .gNavSP .doubleLine li {
  line-height: 1.1;
  padding-top: 4px;
  padding-bottom: 5px;
}

#header .gNavSP .topPageLink {
  border: none;
}

#header .gNavSP .navTtl {
  width: 100%;
  background: #1b1b1b;
  border-top: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
}

#header .gNavSP .parentsMenu {
  width: 50%;
  box-sizing: border-box;
  display: block;
  float: left;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 35px;
  position: relative;
  background: #333;
  border-bottom: 1px solid #333;
  border-right: 1px solid #333;
  position: relative;
  left: -1px;
}

#header .gNavSP .parentsMenu .childMenu {
  position: absolute;
  width: calc(200% + 1px);
  opacity: 0;
  transition: 0.5s;
  pointer-events: none;
  top: 0;
  z-index: -1;
  left: -1px;
  border-left: 1px solid #844c5f;
}

#header .gNavSP .parentsMenu .childMenu a {
  width: 50%;
  position: relative;
  line-height: 35px;
  display: block;
  float: left;
  background: #805262;
  border-bottom: 1px solid #6d3f4f;
  border-right: 1px solid #6d3f4f;
  border-top: 1px solid #6d3f4f;
  pointer-events: none;
  box-sizing: border-box;
  transition: 0.5s;
}

#header .gNavSP .parentsMenu .childMenu a:focus,
#header .gNavSP .parentsMenu .childMenu a:hover {
  transition: 0.3s;
  background: #a56e81;
}

#header .gNavSP .parentsMenu .childMenu a li {
  pointer-events: none;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  line-height: 35px;
}

#header .gNavSP .parentsMenu .childMenu02,
#header .gNavSP .parentsMenu .childMenu04 {
  left: calc(-100% - 2px);
}

#header .gNavSP .parentsMenu:focus .childMenu,
#header .gNavSP .parentsMenu:hover .childMenu {
  pointer-events: auto;
  top: 35px;
  opacity: 1;
  transition: 0.3s;
  z-index: 9999;
}

#header .gNavSP .parentsMenu:focus .childMenu a,
#header .gNavSP .parentsMenu:focus .childMenu li,
#header .gNavSP .parentsMenu:hover .childMenu a,
#header .gNavSP .parentsMenu:hover .childMenu li {
  pointer-events: auto;
}

#header .gNavSP .qrBox {
  position: absolute;
  top: 0;
  background: none;
  width: calc(100% + 2px);
  display: block;
  left: -1px;
  padding-left: 2%;
}

#header .gNavSP .qrBox .leftBox {
  right: 115px;
  width: 30px;
  height: auto;
  border: none;
  background: none;
  position: absolute;
}

#header .gNavSP .qrBox .leftBox img {
  width: 30px;
  height: auto;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 5px;
}

#header .gNavSP .qrBox .rightBox {
  right: 60px;
  position: absolute;
  margin-left: 20px;
  width: auto;
  height: 35px;
  border: none;
  background: none;
}

#header .gNavSP .qrBox .rightBox img {
  width: auto;
  height: 30px;
  background: #fff;
  border: 5px solid #fff;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-radius: 5px;
}

@media screen and (max-width: 960px) {
  #header .btnTrigger {
    width: 30px;
    height: 25px;
    position: fixed;
    z-index: 10000;
    top: 31px;
    right: 15px;
  }
  #header .btnTrigger,
#header .btnTrigger .bottom,
#header .btnTrigger .top {
    display: block;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    box-sizing: border-box;
    animation: all 0.4s;
    -webkit-animation: all 0.4s;
  }
  #header .btnTrigger .bottom,
#header .btnTrigger .center,
#header .btnTrigger .top {
    height: 3px;
    background: #333;
    position: absolute;
  }
  #header .btnTrigger .top {
    width: 23px;
    transform: translateY(0) rotate(0deg);
    top: 0;
  }
  #header .btnTrigger .center {
    width: 16px;
    top: 8px;
    transform: translateY(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
    opacity: 1;
    background: #333;
    transition: 0.4s;
  }
  #header .btnTrigger .bottom {
    width: 8px;
    transform: translateY(0) rotate(0deg);
    top: 16px;
  }
  #header .btnTrigger.active {
    top: 10px;
    right: 10px;
  }
  #header .btnTrigger.active .bottom,
#header .btnTrigger.active .top {
    background: #fff;
  }
  #header .btnTrigger.active .top {
    width: 30px;
    top: -10px;
    transform: translateY(20px) rotate(-45deg);
  }
  #header .btnTrigger.active .bottom {
    top: 30px;
    transform: translateY(-20px) rotate(45deg);
    width: 30px;
  }
  #header .btnTrigger.active .center {
    transform: translateY(-20px) rotate(0deg);
    transform: translateX(20px) rotate(0deg);
    opacity: 0;
    background: rgba(255, 255, 255, 0);
    transition: 0.4s;
    width: 30px;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 821px) {
  #header .maxWrapp {
    width: 81%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  #header {
    height: 340px;
    background-size: cover;
  }
  #header .maxWrapp {
    width: 95%;
    margin: 0 auto;
  }
}
#header * {
  color: #676767;
}

#header .inrBox01 .topTxt {
  padding-top: 28px;
  line-height: 1.5rem;
  font-size: 1.4rem;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .topTxt {
    font-size: 0.9rem;
    line-height: 15px;
    padding-top: 25px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  #header .inrBox01 .topTxt {
    padding-top: 8px;
  }
}
#header .inrBox01 .logoBox {
  position: absolute;
  top: 203px;
}

@media screen and (min-width: 813px) {
  #header .inrBox01 .logoBox {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox {
    width: 35%;
    left: 0;
    top: 103px;
  }
}
#header .inrBox01 .logoBox .logo {
  left: -14px;
  position: absolute;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox .logo {
    width: 100%;
    left: 0;
  }
}
#header .inrBox01 .logoBox .logo img {
  display: block;
  margin-bottom: 25px;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox .logo img {
    width: 100%;
    height: auto;
    left: -3%;
    position: relative;
    margin-bottom: 10px;
  }
}
#header .inrBox01 .logoBox .logo h2,
#header .inrBox01 .logoBox .logo p {
  font-size: 1.4rem;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .logoBox .logo h2,
#header .inrBox01 .logoBox .logo p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 813px) {
  #header .inrBox01 .logoBox .logo h2:before,
#header .inrBox01 .logoBox .logo p:before {
    content: "";
    width: 86px;
    height: 1px;
    display: block;
    float: left;
    background: #b0b0b0;
    margin-right: 20px;
    margin-left: 27px;
    margin-top: 10px;
  }
}
#header .inrBox01 .gNav01 {
  top: 470px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

#header .inrBox01 .gNav01 li {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  float: left;
  position: relative;
  margin-right: 39px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
  }
}
#header .inrBox01 .gNav01 li a {
  color: #1a1a3c;
  font-size: 1.8rem;
}

#header .inrBox01 .gNav01 li a span {
  color: #1a1a3c;
  font-size: 1.2rem;
  position: relative;
}

#header .inrBox01 .gNav01 li a,
#header .inrBox01 .gNav01 li a span {
  transition: 0.5s;
}

#header .inrBox01 .gNav01 li:after {
  content: "";
  width: 1px;
  background: #1a1a3c;
  display: block;
  position: absolute;
  transition: 0.5s;
  left: 13px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:after {
    left: 16px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(1) {
  height: 145px;
}

#header .inrBox01 .gNav01 li:nth-child(1):after {
  top: 134px;
  height: 160px;
}

#header .inrBox01 .gNav01 li:nth-child(1) a span {
  top: 191px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(1) a span {
    top: auto;
    left: 191px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(2) {
  height: 126px;
}

#header .inrBox01 .gNav01 li:nth-child(2):after {
  top: 114px;
  height: 169px;
}

#header .inrBox01 .gNav01 li:nth-child(2) a span {
  top: 210px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(2) a span {
    top: auto;
    left: 210px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(3) {
  height: 190px;
}

#header .inrBox01 .gNav01 li:nth-child(3):after {
  top: 150px;
  height: 115px;
}

#header .inrBox01 .gNav01 li:nth-child(3) a span {
  top: 146px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(3) a span {
    top: auto;
    left: 146px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(4) {
  height: 157px;
}

#header .inrBox01 .gNav01 li:nth-child(4):after {
  top: 134px;
  height: 146px;
}

#header .inrBox01 .gNav01 li:nth-child(4) a span {
  top: 180px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(4) a span {
    top: auto;
    left: 180px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(5) {
  height: 86px;
}

#header .inrBox01 .gNav01 li:nth-child(5):after {
  top: 76px;
  height: 207px;
}

#header .inrBox01 .gNav01 li:nth-child(5) a span {
  top: 252px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(5) a span {
    top: auto;
    left: 252px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(6) {
  height: 86px;
}

#header .inrBox01 .gNav01 li:nth-child(6):after {
  top: 76px;
  height: 207px;
}

#header .inrBox01 .gNav01 li:nth-child(6) a span {
  top: 250px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(6) a span {
    top: auto;
    left: 250px;
  }
}
#header .inrBox01 .gNav01 li:nth-child(7) {
  height: 183px;
}

#header .inrBox01 .gNav01 li:nth-child(7):after {
  top: 150px;
  height: 117px;
}

#header .inrBox01 .gNav01 li:nth-child(7) a span {
  top: 161px;
}

@media all and (-ms-high-contrast: none) {
  #header .inrBox01 .gNav01 li:nth-child(7) a span {
    top: auto;
    left: 161px;
  }
}
#header .inrBox01 .gNav01 li:focus,
#header .inrBox01 .gNav01 li:focus a,
#header .inrBox01 .gNav01 li:focus span,
#header .inrBox01 .gNav01 li:hover,
#header .inrBox01 .gNav01 li:hover a,
#header .inrBox01 .gNav01 li:hover span {
  color: #4f4f8f;
  transition: 0.3s;
}

#header .inrBox01 .gNav01 li:focus:after,
#header .inrBox01 .gNav01 li:hover:after {
  background: #4f4f8f;
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  #header .inrBox01 .pcMenu {
    display: none;
  }
}
#header .inrBox02.isFlow {
  display: none;
  background: #333333;
  height: 60px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
  box-sizing: border-box;
  padding-top: 5px;
}

@media screen and (max-width: 821px) {
  #header .inrBox02.isFlow {
    display: none !important;
  }
}
#header .inrBox02.isFlow .logoBox02 {
  float: left;
  width: 200px;
  margin-top: 6px;
}

#header .inrBox02.isFlow .logoBox02 img {
  width: 100%;
  height: auto;
}

#header .inrBox02.isFlow .gNav02 {
  float: right;
  height: 50px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu {
  float: left;
  position: relative;
  margin-right: 15px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .noLink,
#header .inrBox02.isFlow .gNav02 .parent_menu a {
  color: #fff;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .noLink span,
#header .inrBox02.isFlow .gNav02 .parent_menu a span {
  position: absolute;
  bottom: 0;
}

#header .inrBox02.isFlow .gNav02 .parent_menu {
  position: relative;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .noLink,
#header .inrBox02.isFlow .gNav02 .parent_menu > a {
  height: 55px;
  line-height: 55px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 0;
  transition: 0.5s;
  width: 250px;
  left: 50%;
  transform: translate(-50%, 0%);
}

#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu .child_menu_link li,
#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu .clild_menu_nolink {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #333333;
  text-align: center;
  border-top: 1px solid #2a2929;
  transition: 0.5s;
  color: #fff;
}

#header .inrBox02.isFlow .gNav02 .parent_menu:focus,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}

#header .inrBox02.isFlow .gNav02 .parent_menu:focus .child_menu,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover .child_menu {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 55px;
  transition: 0.3s;
  width: 250px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu:focus .child_menu .child_menu_link li:hover,
#header .inrBox02.isFlow .gNav02 .parent_menu:focus .child_menu .clild_menu_nolink:hover,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover .child_menu .child_menu_link li:hover,
#header .inrBox02.isFlow .gNav02 .parent_menu:hover .child_menu .clild_menu_nolink:hover {
  transition: 0.3s;
  background: #333333;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .noLink,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink > a {
  height: 55px;
  line-height: 55px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
  width: 250px;
  left: 50%;
  transform: translate(-50%, 0%);
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu .grandson_menu_link li {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #333333;
  text-align: center;
  border-top: 1px solid #2a2929;
  transition: 0.5s;
  color: #fff;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu .grandson_menu_link li:hover {
  transition: 0.3s;
  background: #3f3f3f;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu01 {
  top: 0;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu02 {
  top: 53px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu03 {
  top: 106px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink .grandson_menu04 {
  top: 159px;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:focus,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.9);
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:focus .grandson_menu,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:hover .grandson_menu {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  transition: 0.3s;
  width: 250px;
  left: calc(100% + 125px);
  border-left: 1px solid #2a2929;
}

#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:focus .grandson_menu .grandson_menu_link li:hover,
#header .inrBox02.isFlow .gNav02 .clild_menu_nolink:hover .grandson_menu .grandson_menu_link li:hover {
  transition: 0.3s;
  background: #3f3f3f;
}

#header .inrBox02.isFlow .qrBox .leftBox,
#header .inrBox02.isFlow .qrBox .rightBox {
  height: 60px;
}

#header .inrBox02.isFlow .qrBox img {
  float: left;
  width: auto;
  height: auto;
  margin-right: 15px;
  max-height: 50px;
}

#header .scroll {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  bottom: -19px;
  height: 60px;
  left: 50%;
  transform: translate(-50%, 0%);
  -webkit-animation: Floating 1s ease-in-out infinite alternate;
  animation: Floating 1s ease-in-out infinite alternate;
}

@media all and (-ms-high-contrast: none) {
  #header .scroll {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    left: 10%;
  }
}
#header .scroll p {
  position: absolute;
  color: #1a1a3c;
  font-size: 1.2rem;
  left: 0;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  #header .scroll p {
    font-size: 0.9rem;
  }
}
#header .scroll:after {
  content: "";
  width: 1px;
  background: #1a1a3c;
  display: block;
  position: absolute;
  transition: 0.5s;
  left: 9px;
  top: 68px;
  height: 46px;
}

@media all and (-ms-high-contrast: none) {
  #header .scroll:after {
    left: 13px;
  }
}
@media screen and (max-width: 821px) {
  #header .scroll:after {
    left: 7px;
    top: 52px;
    height: 35px;
  }
}
@-webkit-keyframes Floating {
  0% {
    transform: translate(-50%, -10px);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, -10px);
    }
  }
  100% {
    transform: translate(-50%, 0);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, 0);
    }
  }
}
@keyframes Floating {
  0% {
    transform: translate(-50%, -10px);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, -10px);
    }
  }
  100% {
    transform: translate(-50%, 0);
    @media all and (-ms-high-contrast: none) {
      transform: translate(0%, 0);
    }
  }
}
.fadein_animation {
  -webkit-animation-name: fadeAnima;
  animation-name: fadeAnima;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadeAnima {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(10px);
  }
}
@-webkit-keyframes fadeAnima {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  50% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(10px);
  }
}
.webcatalogBox {
  width: 560px;
  margin: 100px auto 0;
}

@media screen and (max-width: 821px) {
  .webcatalogBox {
    margin-top: 50px;
    width: 90%;
  }
}
.webcatalogBox img {
  width: 100%;
  height: auto;
}

.webcatalogBox .webcatalog-img {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  transition: 0.5s;
  opacity: 1;
}

@media screen and (max-width: 821px) {
  .webcatalogBox .webcatalog-img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
}
.webcatalogBox .webcatalog-img:focus,
.webcatalogBox .webcatalog-img:hover {
  opacity: 0.8;
  transition: 0.3s;
}

.webcatalogBox .webcatalog-txt {
  margin-bottom: 40px;
}

.webcatalogBox .btn {
  margin-top: 50px;
  margin-bottom: 100px;
}

.webcatalogBox .btn p {
  width: 100%;
}

@media screen and (max-width: 821px) {
  .webcatalogBox .btn {
    margin-bottom: 50px;
  }
}
.webcatalog-ttl {
  margin-bottom: 40px;
}

#footer .footerFixed {
  display: none;
}

#footer .footerFixed02 {
  display: none;
}

#footer .sideFixMenu {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 9999;
  transform: translateY(-50%);
}

@media screen and (max-width: 821px) {
  #footer .sideFixMenu {
    display: none !important;
  }
}
#footer .sideFixMenu,
#footer .sideFixMenu li {
  width: 55px;
}

#footer .sideFixMenu li {
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 5px 0 0 5px;
  transition: 0.5s;
}

#footer .sideFixMenu li img {
  margin-bottom: 5px;
}

#footer .sideFixMenu li span {
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 2rem;
}

@media all and (-ms-high-contrast: none) {
  #footer .sideFixMenu li span {
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
  }
}
#footer .sideFixMenu li:focus,
#footer .sideFixMenu li:hover {
  opacity: 0.7;
  transition: 0.3s;
}

#footer .sideFixMenu .qrLink img {
  width: 100%;
  height: auto;
}

#footer .sideFixMenu .qrLink01 {
  padding-top: 0;
  padding-bottom: 0;
}

#footer .sideFixMenu .reservLink {
  background: #d3908f;
  margin-bottom: 10px;
}

#footer .sideFixMenu .requestLink {
  background: #4ba793;
}

#footer .topBtn {
  z-index: 9999;
  position: fixed;
  background: #333333;
  bottom: 10px;
  right: 80px;
  border-radius: 5px;
  width: 51px;
  height: 51px;
  padding-left: 8px;
  padding-top: 8px;
  box-sizing: border-box;
  opacity: 1;
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  #footer .topBtn {
    bottom: 85px;
    right: 2%;
  }
}
#footer .topBtn:hover {
  opacity: 0.7;
  transition: 0.3s;
}

#footer .footerContents {
  padding-top: 97px;
  background-color: #333333;
}

@media screen and (max-width: 821px) {
  #footer .footerContents {
    padding-top: 57px;
  }
}
#footer .footerContents .inrBox01 .twoColumn {
  min-height: 345px;
  display: block;
}

#footer .footerContents .inrBox01 .twoColumn .leftBox {
  display: block;
  position: relative;
  margin-top: 25px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox {
    margin-top: 0;
    margin-left: 10%;
    float: none;
    width: 53%;
  }
}
#footer .footerContents .inrBox01 .twoColumn .leftBox:before {
  content: "";
  display: block;
  padding-top: 100%;
}

#footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox {
  width: 100%;
  position: absolute;
  top: 0;
  width: 356px;
  height: 356px;
}

#footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox {
    width: 100%;
    height: auto;
  }
  #footer .footerContents .inrBox01 .twoColumn .leftBox .imgBox img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox {
    position: initial;
    top: 0%;
    transform: translateY(-50%);
    z-index: 1;
    left: 0%;
    width: 100%;
    margin-top: 20px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .shopName {
  font-size: 3rem;
  color: #fff;
  line-height: 32px;
  margin-bottom: 40px;
  margin-top: 20px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .shopName {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 17px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .address {
  font-size: 1.6rem;
  color: #fff;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox .txtBox .address {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox {
    float: none;
    margin-top: 20px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox li {
  display: block;
  margin-bottom: 8px;
  line-height: 1;
}

#footer .footerContents .inrBox01 .twoColumn .rightBox li a {
  color: #fff;
  font-size: 1.4rem;
  transition: 0.5s;
  display: block;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox li a {
    font-size: 1.1rem;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox li a:focus,
#footer .footerContents .inrBox01 .twoColumn .rightBox li a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}

#footer .footerContents .inrBox01 .twoColumn .rightBox .secondLine {
  padding-left: 13px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .secondLine {
    padding-left: 5px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .parentsMenu {
  color: #797979;
  font-size: 1.3rem;
  transition: 0.5s;
  position: relative;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .parentsMenu {
    font-size: 1.1rem;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .parentsMenu .childMenu {
  opacity: 0;
  transition: 0.5s;
  position: absolute;
  left: 0;
}

#footer .footerContents .inrBox01 .twoColumn .rightBox .thirdLine {
  padding-left: 28px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .thirdLine {
    padding-left: 10px;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .leftLinkBox {
  float: left;
  width: 180px;
  margin-right: 50px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .leftLinkBox {
    width: 50%;
    margin-right: 0;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .centerLinkBox {
  width: 125px;
  margin-right: 50px;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .centerLinkBox {
    width: 30%;
    margin-right: 0;
  }
}
#footer .footerContents .inrBox01 .twoColumn .rightBox .rightLinkBox {
  width: 140px;
  margin-right: 50px;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .twoColumn .rightBox .rightLinkBox {
    width: 100%;
    margin-right: 0;
  }
}
#footer .footerContents .inrBox01 .copyRight p {
  color: #b4b3ae;
  font-size: 1.2rem;
  text-align: right;
  margin-bottom: 70px;
  margin-top: 30px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox01 .copyRight p {
    font-size: 0.9rem;
  }
}
#footer .footerContents .inrBox02 {
  height: 80px;
  background: #fff;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .twoColumn {
    width: 98%;
    padding: 4px 0;
  }
}
#footer .footerContents .inrBox02 .largeWrapp {
  padding-left: 75px;
  padding-right: 100px;
  box-sizing: border-box;
}

#footer .footerContents .inrBox02 .leftBox {
  float: left;
  padding-top: 21px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .leftBox {
    display: none;
  }
}
#footer .footerContents .inrBox02 .rightBox {
  float: right;
  padding-top: 14px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox {
    width: 98%;
    position: fixed;
    bottom: 10px;
    margin: 0 auto;
    left: 1%;
    right: 1%;
    z-index: 9999;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn {
  height: 56px;
  width: 295px;
  border-radius: 5px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn {
    width: 49%;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn .inrWrapp {
  margin: 0 auto;
}

#footer .footerContents .inrBox02 .rightBox .fotterBtn img {
  float: left;
  position: relative;
  left: 40px;
  top: 8px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn img {
    left: 3%;
    top: 13px;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn p {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 56px;
}

@media all and (-ms-high-contrast: none) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn p {
    line-height: 52px;
    padding-top: 4px;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn p {
    font-size: 1.4rem;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(1) {
  background: #d3908f;
  margin-right: 14px;
  transition: 0.5s;
}

#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(1):hover {
  background: #d3908f;
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(1) {
    margin-right: 2%;
  }
}
#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(2) {
  background: #4ba793;
  transition: 0.5s;
}

#footer .footerContents .inrBox02 .rightBox .fotterBtn:nth-child(2):hover {
  background: #4ba793;
  transition: 0.3s;
}

.archive #header,
.category #header,
.error404 #header,
.page #header,
.single #header {
  height: 750px;
}

.archive #header .headerTxtArea,
.category #header .headerTxtArea,
.error404 #header .headerTxtArea,
.page #header .headerTxtArea,
.single #header .headerTxtArea {
  background: rgba(51, 51, 51, 0.9);
}

@media screen and (min-width: 813px) {
  .archive #header .headerTxtArea,
.category #header .headerTxtArea,
.error404 #header .headerTxtArea,
.page #header .headerTxtArea,
.single #header .headerTxtArea {
    position: initial;
    left: 0%;
    top: 0%;
    right: 0;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    padding: 20px;
    max-width: 1100px;
    margin: 50px auto;
  }
}
@media screen and (max-width: 821px) {
  .archive #header .headerTxtArea,
.category #header .headerTxtArea,
.error404 #header .headerTxtArea,
.page #header .headerTxtArea,
.single #header .headerTxtArea {
    top: 0;
    position: initial;
    left: 2.5%;
    text-align: left;
    padding: 8px;
    max-width: 92%;
    margin: 50px auto;
  }
}
.archive #header .headerTxtArea .PageTtl,
.category #header .headerTxtArea .PageTtl,
.error404 #header .headerTxtArea .PageTtl,
.page #header .headerTxtArea .PageTtl,
.single #header .headerTxtArea .PageTtl {
  font-size: 3.4rem;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .archive #header .headerTxtArea .PageTtl,
.category #header .headerTxtArea .PageTtl,
.error404 #header .headerTxtArea .PageTtl,
.page #header .headerTxtArea .PageTtl,
.single #header .headerTxtArea .PageTtl {
    font-size: 2.1rem;
    color: #fff;
    text-align: left;
  }
}
.archive #header .headerTxtArea .PageSubTtl,
.category #header .headerTxtArea .PageSubTtl,
.error404 #header .headerTxtArea .PageSubTtl,
.page #header .headerTxtArea .PageSubTtl,
.single #header .headerTxtArea .PageSubTtl {
  font-size: 1.8rem;
  text-align: left;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .archive #header .headerTxtArea .PageSubTtl,
.category #header .headerTxtArea .PageSubTtl,
.error404 #header .headerTxtArea .PageSubTtl,
.page #header .headerTxtArea .PageSubTtl,
.single #header .headerTxtArea .PageSubTtl {
    font-size: 1.2rem;
    color: #fff;
    text-align: left;
  }
}
.archive #header .inrBox01,
.category #header .inrBox01,
.error404 #header .inrBox01,
.page #header .inrBox01,
.single #header .inrBox01 {
  height: 750px;
}

@media screen and (max-width: 821px) {
  .archive #header,
.category #header,
.error404 #header,
.page #header {
    height: 450px;
  }
  .page.bloglist #header {
    height: 240px;
  }
  .single #header {
    height: 240px;
  }
  .archive #header .inrBox01,
.category #header .inrBox01,
.error404 #header .inrBox01,
.page #header .inrBox01 {
    height: 450px;
  }
  .archive #header .inrBox01,
.category #header .inrBox01 {
    height: 240px;
  }
  .page-id-131 #header .inrBox01 {
    height: 240px;
  }
  .page.bloglist #header .inrBox01,
.page.campaignlist #header .inrBox01 {
    height: 240px;
  }
  .single #header .inrBox01 {
    height: 240px;
  }
}
@media screen and (max-width: 750px) {
  .archive #header,
.category #header,
.error404 #header,
.page #header {
    height: 340px;
  }
  .archive #header .inrBox01,
.category #header .inrBox01,
.error404 #header .inrBox01,
.page #header .inrBox01 {
    height: 340px;
  }
}
.archive .mainCon .inrBox,
.category .mainCon .inrBox,
.error404 .mainCon .inrBox,
.page .mainCon .inrBox,
.single .mainCon .inrBox {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

@media screen and (max-width: 821px) {
  .archive .mainCon .inrBox,
.category .mainCon .inrBox,
.error404 .mainCon .inrBox,
.page .mainCon .inrBox,
.single .mainCon .inrBox {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
.archive .mainCon .conBox01 .inrBox01,
.category .mainCon .conBox01 .inrBox01,
.error404 .mainCon .conBox01 .inrBox01,
.page .mainCon .conBox01 .inrBox01,
.single .mainCon .conBox01 .inrBox01 {
  padding-top: 0 !important;
}

.about #header {
  background: url("images/mv_reserve.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .about #header {
    background: url("images/sp_mv_reserve.jpg") no-repeat left top;
    background-size: cover;
  }
}
.about #header .PageTtl {
  font-size: 3.4rem;
}

.about #header .PageSubTtl {
  font-size: 1.8rem;
}

.shopinfo #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.shopinfo #header .headerTxtArea .PageTtl {
  color: #fff;
}

.shopinfo #header .headerTxtArea .PageSubTtl {
  color: #fff;
}

.shopinfo #header .logoBox .logo p {
  color: #5d6445;
}

.shopinfo #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .shopinfo #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    background-size: cover;
  }
}
.faq #header {
  background: url("images/mv_reserve.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 1025px) {
  .faq #header {
    background-position: -350px;
  }
}
@media screen and (max-width: 821px) {
  .faq #header {
    background: url("images/mv_reserve_tab.jpg") no-repeat right top;
    background-size: contain;
  }
}
@media screen and (max-width: 750px) {
  .faq #header {
    background: url("images/sp_mv_reserve.jpg") no-repeat left top;
    background-size: cover;
  }
}
.rental #header {
  background: url("images/mv_menu.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.rental #header .logoBox .logo p {
  color: #5d6445;
}

.rental #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .rental #header {
    background: url("images/sp_mv_menu.jpg") no-repeat left top;
    background-size: cover;
  }
}
.mamafurisode #header {
  background: url("images/mv_menu.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .mamafurisode #header {
    background: url("images/sp_mv_menu.jpg") no-repeat left top;
    background-size: cover;
  }
}
.purchase #header {
  background: url("images/mv_menu.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.purchase #header .logoBox .logo p {
  color: #5d6445;
}

.purchase #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .purchase #header {
    background: url("images/sp_mv_menu.jpg") no-repeat left top;
    background-size: cover;
  }
}
.first #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .first #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 450px;
  }
}
@media screen and (max-width: 750px) {
  .first #header {
    height: 340px;
  }
}
.flow #header {
  background: url("images/mv_reserve.jpg") no-repeat left top;
  background-size: cover;
}

.flow #header .logoBox .logo p {
  color: #5d6445;
}

.flow #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 1024px) {
  .flow #header {
    background: url("images/mv_reserve_tab.jpg") no-repeat right -50px top 0;
    background-size: contain;
  }
}
@media screen and (max-width: 750px) {
  .flow #header {
    background: url("images/sp_mv_reserve.jpg") no-repeat left top;
    background-size: cover;
  }
}
.photo #header {
  background: url("images/mv_menu.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .photo #header {
    background: url("images/sp_mv_menu.jpg") no-repeat left top;
    background-size: cover;
  }
}
.collection #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.collection #header .logoBox .logo p {
  color: #5d6445;
}

.collection #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .collection #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.retro #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.haikara #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .retro #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .haikara #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.girly #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.princess #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.elegant #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.gorgeous #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.girly #header .logoBox .logo p {
  color: #5d6445;
}

.girly #header .logoBox .logo p:before {
  background: #5b6143;
}

@media screen and (max-width: 821px) {
  .girly #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .princess #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .elegant #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .gorgeous #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.classic #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.vintage #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .classic #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .vintage #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.cool #header {
  background: url("images/eyecatch-images02.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .cool #header {
    background: url("images/sp-eyecatch-images02.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.studio #header {
  background: url("images/eyecatch-images03.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 1025px) {
  .studio #header {
    background-position: -300px;
  }
}
@media screen and (max-width: 821px) {
  .studio #header {
    background: url("images/sp-eyecatch-images03.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 450px;
    background-position: right top;
  }
}
@media screen and (max-width: 750px) {
  .studio #header {
    height: 340px;
    background-position: right top;
  }
}
.news #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .news #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.blog:not(.home) #header,
.category-blog #header,
.category-bloglist #header,
.category-sblog #header,
.singleWrappBlog #header {
  background: url("images/mv_bloglist.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .blog:not(.home) #header,
.category-blog #header,
.category-bloglist #header,
.category-sblog #header {
    background: url("images/sp_mv_bloglist.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .singleWrappBlog #header {
    background: url("images/sp_mv_bloglist.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 240px;
  }
}
.campaign #header,
.category-campaign #header,
.singleWrappCampaign #header {
  background: url("images/mv_campaignlist.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 1025px) {
  .campaign #header,
.category-campaign #header,
.singleWrappCampaign #header {
    background: url("images/mv_campaignlist.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 821px) {
  .campaign #header,
.category-campaign #header,
.singleWrappCampaign #header {
    background: url("images/sp_mv_campaignlist.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 240px;
  }
}
.archive #header,
.category-column #header,
.column #header,
.singleWrappColumn #header {
  background: url("images/eyecatch-images04.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .archive #header,
.category-column #header,
.column #header,
.singleWrappColumn #header {
    background: url("images/sp-eyecatch-images04.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .singleWrappColumn #header {
    height: 240px;
  }
}
.reserve #header,
.rsvthanks #header {
  background: url("images/eyecatch-images04.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .reserve #header,
.rsvthanks #header {
    background: url("images/sp-eyecatch-images04.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.reservelp #header,
.reqthanks #header,
.request #header {
  background: url("images/eyecatch-images01.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.reserve #header,
.reservelp #header {
  background: url("images/mv_reserve.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: contain;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .reservelp #header,
.reqthanks #header,
.request #header {
    background: url("images/sp-eyecatch-images01.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .reserve #header,
  .reservelp #header {
    background: url("images/mv_reserve.jpg") no-repeat left top;
    background-size: cover;
    background-position: right;
  }
}
@media screen and (max-width: 750px) {
.reserve #header,
.reservelp #header {
    background: url("images/sp_mv_reserve.jpg") no-repeat left top;
    background-size: cover;
    background-position: right;
  }
}
.error404 #header {
  background: url("images/eyecatch-images04.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 821px) {
  .error404 #header {
    background: url("images/sp-eyecatch-images04.jpg") no-repeat left top;
    background-size: cover;
  }
}
.archive p,
.category p,
.error404 p,
.page p,
.single p {
  color: #595454;
}

@media screen and (max-width: 821px) {
  .archive .topBox,
.category .topBox,
.error404 .topBox,
.page .topBox,
.single .topBox {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 821px) {
  .archive #header .topTxt,
.category #header .topTxt,
.error404 #header .topTxt,
.page #header .topTxt,
.single #header .topTxt {
    z-index: 1;
    position: relative;
  }
}
.archive #header .eyecatchImg,
.category #header .eyecatchImg,
.error404 #header .eyecatchImg,
.page #header .eyecatchImg,
.single #header .eyecatchImg {
  left: 50%;
  bottom: 0;
  position: absolute;
  height: 750px;
  overflow: hidden;
  transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  width: 100%;
  max-width: 450px;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .archive #header .eyecatchImg,
.category #header .eyecatchImg,
.error404 #header .eyecatchImg,
.page #header .eyecatchImg,
.single #header .eyecatchImg {
    width: 65%;
    max-height: 340px;
    max-width: none;
    left: 70%;
    right: 0;
  }
}
.archive #header .eyecatchImg img,
.category #header .eyecatchImg img,
.error404 #header .eyecatchImg img,
.page #header .eyecatchImg img,
.single #header .eyecatchImg img {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: auto;
  left: 0;
  right: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 821px) {
  .archive #header .eyecatchImg img,
.category #header .eyecatchImg img,
.error404 #header .eyecatchImg img,
.page #header .eyecatchImg img,
.single #header .eyecatchImg img {
    height: 100%;
    width: auto;
  }
}
.archive #header .pankuzu,
.category #header .pankuzu,
.error404 #header .pankuzu,
.page #header .pankuzu,
.single #header .pankuzu {
  position: absolute;
  bottom: -35px;
  width: 1100px;
  margin: 0 auto;
  left: 0;
  right: 0;
  display: block;
}

@media screen and (max-width: 821px) {
  .archive #header .pankuzu,
.category #header .pankuzu,
.error404 #header .pankuzu,
.page #header .pankuzu,
.single #header .pankuzu {
    width: 100%;
    height: auto;
  }
}
.archive #header .pankuzu ul,
.category #header .pankuzu ul,
.error404 #header .pankuzu ul,
.page #header .pankuzu ul,
.single #header .pankuzu ul {
  float: right;
}

.archive #header .pankuzu ul li,
.category #header .pankuzu ul li,
.error404 #header .pankuzu ul li,
.page #header .pankuzu ul li,
.single #header .pankuzu ul li {
  float: left;
  position: relative;
  margin-right: 10px;
}

.archive #header .pankuzu ul li,
.archive #header .pankuzu ul li a,
.archive #header .pankuzu ul li span,
.category #header .pankuzu ul li,
.category #header .pankuzu ul li a,
.category #header .pankuzu ul li span,
.error404 #header .pankuzu ul li,
.error404 #header .pankuzu ul li a,
.error404 #header .pankuzu ul li span,
.page #header .pankuzu ul li,
.page #header .pankuzu ul li a,
.page #header .pankuzu ul li span,
.single #header .pankuzu ul li,
.single #header .pankuzu ul li a,
.single #header .pankuzu ul li span {
  color: #595454;
  font-size: 1.2rem;
}

@media screen and (max-width: 821px) {
  .archive #header .pankuzu ul li,
.archive #header .pankuzu ul li a,
.archive #header .pankuzu ul li span,
.category #header .pankuzu ul li,
.category #header .pankuzu ul li a,
.category #header .pankuzu ul li span,
.error404 #header .pankuzu ul li,
.error404 #header .pankuzu ul li a,
.error404 #header .pankuzu ul li span,
.page #header .pankuzu ul li,
.page #header .pankuzu ul li a,
.page #header .pankuzu ul li span,
.single #header .pankuzu ul li,
.single #header .pankuzu ul li a,
.single #header .pankuzu ul li span {
    font-size: 1.1rem;
  }
}
.archive #header .pankuzu ul li a:after,
.category #header .pankuzu ul li a:after,
.error404 #header .pankuzu ul li a:after,
.page #header .pankuzu ul li a:after,
.single #header .pankuzu ul li a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 23px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
  width: 100%;
}

@media screen and (max-width: 821px) {
  .archive #header .pankuzu ul li a:after,
.category #header .pankuzu ul li a:after,
.error404 #header .pankuzu ul li a:after,
.page #header .pankuzu ul li a:after,
.single #header .pankuzu ul li a:after {
    top: 17px;
  }
}
.archive #header .inrBox01 .gNav01,
.category #header .inrBox01 .gNav01,
.error404 #header .inrBox01 .gNav01,
.page #header .inrBox01 .gNav01,
.single #header .inrBox01 .gNav01 {
  top: 360px;
  position: absolute;
  left: 183px;
  transform: translateX(0%);
  -webkit-transform: translateX(0%);
}

.archive #header .logoBox,
.category #header .logoBox,
.error404 #header .logoBox,
.page #header .logoBox,
.single #header .logoBox {
  left: 163px;
  top: 187px;
  position: absolute;
  transform: none;
  z-index: 1;
}

.archive #header .logoBox .logo,
.category #header .logoBox .logo,
.error404 #header .logoBox .logo,
.page #header .logoBox .logo,
.single #header .logoBox .logo {
  left: 0;
}

@media screen and (max-width: 821px) {
  .archive #header .logoBox,
.category #header .logoBox,
.error404 #header .logoBox,
.page #header .logoBox,
.single #header .logoBox {
    left: 0;
    top: 75px;
    position: absolute;
    transform: none;
    z-index: 1;
  }
}
@media screen and (max-width: 1600px) {
  .archive #header .inrBox01 .gNav01,
.archive #header .logoBox,
.category #header .inrBox01 .gNav01,
.category #header .logoBox,
.error404 #header .inrBox01 .gNav01,
.error404 #header .logoBox,
.page #header .inrBox01 .gNav01,
.page #header .logoBox,
.single #header .inrBox01 .gNav01,
.single #header .logoBox {
    left: 5%;
  }
}
@media screen and (max-width: 1335px) {
  .archive #header .inrBox01 .gNav01,
.archive #header .logoBox,
.category #header .inrBox01 .gNav01,
.category #header .logoBox,
.error404 #header .inrBox01 .gNav01,
.error404 #header .logoBox,
.page #header .inrBox01 .gNav01,
.page #header .logoBox,
.single #header .inrBox01 .gNav01,
.single #header .logoBox {
    left: 0;
  }
}
.archive .mainCon .topBox,
.category .mainCon .topBox,
.error404 .mainCon .topBox,
.page .mainCon .topBox,
.single .mainCon .topBox {
  margin-bottom: 95px;
}

@media screen and (max-width: 821px) {
  .page .mainCon .topBox {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 90px;
  }
  .archive .mainCon .topBox,
.category .mainCon .topBox,
.error404 .mainCon .topBox,
.single .mainCon .topBox {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
  }
}
.archive .mainCon .conBox,
.category .mainCon .conBox,
.error404 .mainCon .conBox,
.page .mainCon .conBox,
.single .mainCon .conBox {
  padding-top: 100px;
}

@media screen and (max-width: 821px) {
  .archive .mainCon .conBox,
.category .mainCon .conBox,
.error404 .mainCon .conBox,
.page .mainCon .conBox,
.single .mainCon .conBox {
    padding-top: 90px;
  }
}
@media screen and (max-width: 821px) {
  .page .mainCon .conBox01 {
    padding-top: 30px;
  }
  .archive .mainCon .conBox01,
.category .mainCon .conBox01,
.error404 .mainCon .conBox01,
.single .mainCon .conBox01 {
    padding-top: 20px;
  }
}
@media screen and (max-width: 821px) {
  .archive .mainCon .ttlBg-back,
.category .mainCon .ttlBg-back,
.error404 .mainCon .ttlBg-back,
.page .mainCon .ttlBg-back,
.single .mainCon .ttlBg-back {
    top: 100px;
  }
}
.first .mainCon .leftBox {
  float: left;
}

.first .mainCon .leftBox.txtBox {
  left: 3%;
}

.first .mainCon .rightBox {
  float: right;
}

.first .mainCon .rightBox.txtBox {
  right: 3%;
}

.first .mainCon .ttlBg-back {
  bottom: -100px;
}

.first .mainCon .txtBox {
  padding: 30px 15px;
  width: 44%;
  box-sizing: border-box;
  position: relative;
  top: 0px;
  background: rgba(255, 255, 255, 0.9);
  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  border-radius: 20px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox {
    padding: 14px 10px;
    width: 94%;
    top: -20px;
    border-radius: 7px;
  }
}
.first .mainCon .txtBox h4 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox h4 {
    font-size: 1.6rem;
    margin-bottom: 12px;
  }
}
.first .mainCon .txtBox h4 .engWrapp {
  margin-bottom: 30px;
}

.first .mainCon .txtBox h4 .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox h4 .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.first .mainCon .txtBox h4 .font-eng02:first-letter,
.first .mainCon .txtBox h4 .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.first .mainCon .txtBox h4 .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.first .mainCon .txtBox .leadTxt h5 {
  font-weight: 700;
  font-size: 1.8rem;
  margin-top: 25px;
  margin-bottom: 10px;
}

.first .mainCon .txtBox .leadTxt h5:nth-of-type(1) {
  margin-top: 0;
}

@media screen and (max-width: 821px) {
  .first .mainCon .txtBox .leadTxt {
    font-size: 1.4rem;
  }
}
.first .mainCon .twoImg {
  width: 47%;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 821px) {
  .first .mainCon .twoImg {
    width: 100%;
  }
}
.first .mainCon .twoImg .imgBox {
  width: 47%;
  position: relative;
  float: left;
  box-sizing: border-box;
  margin-top: 5%;
}

.first .mainCon .twoImg .imgBox img {
  width: 100%;
  height: auto;
  border-radius: 0px;
  position: relative;
  z-index: 1;
}

.first .mainCon .twoImg .imgBox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 0px;
  left: -5px;
  bottom: -9px;
  z-index: 0;
  background: #a5a5a5;
}

.first .mainCon .twoImg .imgBox:nth-child(1) {
  margin-right: 6%;
}

.first .mainCon .conBox01 {
  /*background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 90px;
}

@media screen and (max-width: 821px) {
  .first .mainCon .conBox01 {
    padding-bottom: 0;
  }
}
.first .mainCon .conBox01 .inrBox {
  padding-top: 0px !important;
  padding-bottom: 70px !important;
}

@media screen and (max-width: 821px) {
  .first .mainCon .conBox01 .inrBox {
    padding-top: 0;
  }
  .first .mainCon .conBox01 .inrBox img {
    width: 100%;
    height: auto;
  }
}
.flow .mainCon p:not(.btnTxt) {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon p:not(.btnTxt) {
    font-size: 1.6rem;
  }
}
.flow .mainCon .colorTxt {
  margin-bottom: 0px !important;
  padding: 4px 30px 4px 30px !important;
  line-height: 1 !important;
  color: #fff;
}

.flow .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 90px;
}

.flow .mainCon .conBox01 .contents .ttlBg-back {
  top: 100px;
}

.flow .mainCon .conBox01 .inrBox01 .btn p {
  background-position-x: 90%;
}

@media screen and (max-width: 320px) {
  .flow .mainCon .conBox01 .inrBox01 .btn p {
    background-position-x: 95%;
  }
}
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp {
  position: relative;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp p {
  display: block;
  position: relative;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  top: 0;
  transition: 0.5s;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  z-index: 3;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink li {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  text-align: center;
  border-bottom: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  transition: 0.5s;
  color: #fff;
  box-sizing: border-box;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink li a {
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%;
  height: 100%;
  display: block;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:hover {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 114px;
  transition: 0.3s;
  width: 100%;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:hover {
    top: 76px;
  }
}
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:focus li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:focus .hoverTelLink:hover li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:focus li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp:hover .hoverTelLink:hover li:hover {
  transition: 0.3s;
  background: rgba(204, 204, 204, 0.9);
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:focus,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:hover {
  opacity: 1;
  pointer-events: auto;
  position: absolute;
  top: 90px;
  transition: 0.3s;
  width: 100%;
}

.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:focus li:hover,
.flow .mainCon .conBox01 .inrBox01 .hoverTelLinkWrapp .hoverTelLink:hover li:hover {
  transition: 0.3s;
  background: rgba(155, 159, 51, 0.9);
}

.flow .mainCon .conBox01 .inrBox02 {
  background: url("images/bg03.jpg") repeat left top;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .conBox01 .inrBox02 .colorBox {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto 15px;
    display: block;
    text-align: center;
  }
}
/*.flow .mainCon .conBox01 .inrBox03 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.flow .mainCon .conBox01 .inrBox04 {
  background: url("images/bg03.jpg") repeat left top;
  background-size: cover;
}

.flow .mainCon .conBox01 .inrBox04 .listCon {
  float: left;
  width: 260px;
  margin-right: 20px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .conBox01 .inrBox04 .listCon {
    width: 49%;
    margin-right: 0;
    margin-bottom: 1%;
  }
  .flow .mainCon .conBox01 .inrBox04 .listCon:nth-of-type(1) {
    margin-right: 1%;
  }
  .flow .mainCon .conBox01 .inrBox04 .listCon:nth-of-type(3) {
    margin-right: 1%;
  }
}
.flow .mainCon .conBox01 .inrBox04 .listCon img {
  width: 100%;
  height: auto;
}

.flow .mainCon .conBox01 .inrBox04 .four-gallery .listCon:nth-last-of-type(1) {
  margin-right: 0;
}

/*.flow .mainCon .conBox01 .inrBox05 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.flow .mainCon h4 {
  font-size: 2.6rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon h4 {
    font-size: 1.6rem;
  }
  .flow .mainCon h5 {
    font-size: 1.6rem;
  }
}
.flow .mainCon h4 .engWrapp {
  float: left;
  margin-right: 40px;
}

.flow .mainCon h4 .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon h4 .font-eng02 {
    font-size: 4.5rem;
  }
}
.flow .mainCon h4 .font-eng02:first-letter,
.flow .mainCon h4 .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.flow .mainCon h4 .font-eng02:nth-child(2) {
  font-size: 6.6rem;
}

.flow .mainCon h4 .old {
  font-size: 1.8rem;
  color: #1a1a3c;
  margin-right: 10px;
}

.flow .mainCon .inrBox {
  padding-bottom: 90px;
}

.flow .mainCon .inrBox:not(.inrBox01) {
  padding-top: 90px;
}

.flow .mainCon .inrBox01 .readTxt {
  text-align: center;
  margin: 30px auto;
  font-size: 1.8rem;
}

.flow .mainCon .inrBox02 .sampleImgBox {
  margin-top: 50px;
  padding: 30px;
  background: #fff;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox02 .sampleImgBox {
    padding: 10px;
  }
}
.flow .mainCon .inrBox02 .sampleImgBox p {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox02 .sampleImgBox p {
    font-size: 1.6rem;
    text-align: left;
  }
}
.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp {
  float: left;
  width: 27%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp .imgBox {
  margin-bottom: 4%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp .imgBox img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp:not(.imgWrapp01) {
  margin-left: 1%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp01 {
  padding-top: 5%;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp02 {
  padding-top: 32px;
}

.flow .mainCon .inrBox02 .sampleImgBox .imgWrapp03 {
  width: 44%;
}

.flow .mainCon .inrBox02 .iconArea {
  margin-bottom: 30px;
}

.flow .mainCon .inrBox02 .iconArea .iconBox {
  float: left;
  width: 26%;
}

.flow .mainCon .inrBox02 .iconArea .iconBox img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(2),
.flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(3) {
  margin-left: 11%;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox02 .iconArea .iconBox {
    width: 32%;
  }
  .flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(2),
.flow .mainCon .inrBox02 .iconArea .iconBox:nth-child(3) {
    margin-left: 2%;
  }
}
.flow .mainCon .inrBox03 .twoColumn {
  margin-bottom: 50px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox03 .twoColumn {
    margin-bottom: 20px;
  }
  .flow .mainCon .inrBox03 .twoColumn .imgBox {
    float: none;
    width: 100%;
    margin: 0 auto 15px;
  }
  .flow .mainCon .inrBox03 .twoColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .galleryList {
    height: 450px;
  }
}
@media screen and (max-width: 340px) {
  .flow .mainCon .inrBox04 .galleryList {
    height: 400px;
  }
}
.flow .mainCon .inrBox04 .galleryList img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox04 .galleryList .swiper-pagination-bullets,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-custom,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-fraction {
  bottom: 110px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .galleryList .swiper-pagination-bullets,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-custom,
.flow .mainCon .inrBox04 .galleryList .swiper-pagination-fraction {
    bottom: 40px;
  }
}
.flow .mainCon .inrBox04 .swiper-container04 .swiper-slide {
  height: auto;
}

.flow .mainCon .inrBox04 .btn,
.flow .mainCon .inrBox04 .btn * {
  width: 540px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .btn,
.flow .mainCon .inrBox04 .btn * {
    width: 100%;
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .flow .mainCon .inrBox04 .btn,
.flow .mainCon .inrBox04 .btn * {
    background-position-x: 95%;
  }
}
.flow .mainCon .inrBox04 .btn {
  margin: 30px auto;
}

.flow .mainCon .inrBox04 .postImgBox h6 {
  font-size: 2.1rem;
  color: #de6e5d;
  margin-bottom: 30px;
}

.flow .mainCon .inrBox04 .postImgBox p {
  margin-bottom: 0;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn {
  border: 1px solid #1a1a3c;
  position: relative;
  padding: 54px;
  margin: 140px auto 50px;
  width: 600px;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .leftBox {
  width: 62%;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
  width: 35%;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox04 .postImgBox .twoColumn {
    border: 1px solid #1a1a3c;
    position: relative;
    padding: 15px;
    margin: 60px auto 50px;
    width: 100%;
    box-sizing: border-box;
  }
  .flow .mainCon .inrBox04 .postImgBox .twoColumn .leftBox,
.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
    float: none;
    width: 100%;
  }
  .flow .mainCon .inrBox04 .postImgBox .twoColumn .leftBox {
    margin-bottom: 15px;
  }
  .flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
    text-align: center;
    margin: 0 auto;
  }
}
.flow .mainCon .inrBox04 .postImgBox .twoColumn:before {
  content: "";
  border: 1px solid #1a1a3c;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 6px;
  top: 6px;
  pointer-events: none;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox {
  width: 200px;
}

.flow .mainCon .inrBox04 .postImgBox .twoColumn .rightBox img {
  width: 100%;
  height: auto;
}

.flow .mainCon .inrBox05 {
  padding-bottom: 0;
}

.flow .mainCon .inrBox05 h5 {
  font-size: 3rem;
  color: #595454;
  margin-bottom: 30px;
}

.flow .mainCon .inrBox05 .txtBox {
  width: 65%;
  font-size: 1.7rem;
  line-height: 32px;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox05 .txtBox {
    width: 100%;
    float: none;
  }
  .flow .mainCon .inrBox05 h5 {
    font-size: 2.4rem;
  }
}
.flow .mainCon .inrBox05 .imgBox {
  width: 30%;
  float: right;
}

@media screen and (max-width: 821px) {
  .flow .mainCon .inrBox05 .imgBox {
    width: 100%;
    float: none;
  }
}
.flow .mainCon .inrBox05 .imgBox img {
  width: 100%;
  height: auto;
}

.faq .inrBox:nth-last-of-type(1) {
  margin-bottom: 0;
}

.faq .inrBox:not(.inrBox01) {
  margin-top: -80px;
}

.faq #clothes,
.faq #etc,
.faq #photodate,
.faq #plan,
.faq #photograph,
.faq #reserve {
  padding-top: 90px;
  margin-bottom: 50px;
  margin-top: -80px;
}

.faq .btnArea li {
  margin-bottom: 2%;
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .faq .btnArea li {
    width: 100%;
    float: none;
    margin-bottom: 10%;
  }
}
.faq .btnArea li p {
  width: 100%;
  background-size: 19px;
  background-position-x: 95%;
}

@media screen and (max-width: 821px) {
  .faq .btnArea li p {
    width: 100%;
  }
}
.faq .btnArea li:nth-child(2),
.faq .btnArea li:nth-child(3),
.faq .btnArea li:nth-child(5),
.faq .btnArea li:nth-child(6) {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .faq .btnArea li:nth-child(2),
.faq .btnArea li:nth-child(3),
.faq .btnArea li:nth-child(5),
.faq .btnArea li:nth-child(6) {
    margin-left: 0;
  }
}
.faq .question {
  cursor: pointer;
  cursor: hand;
  background: #333;
  color: #fff;
  font-weight: 700;
  padding: 15px 10px;
  margin-bottom: 15px;
  transition: 0.5s;
}

.faq .question span {
  font-size: 2.1rem;
  color: #fff;
  float: left;
  position: relative;
  bottom: 6px;
}

.faq .question p {
  margin-left: 30px;
  color: #fff;
}

.faq .question:focus,
.faq .question:hover {
  background: #5b5b5b;
}

.faq dt:nth-of-type(2n) {
  background: #ccc;
}

.faq .answer {
  margin-bottom: 30px;
  border: 1px solid #1a1a3c;
  position: relative;
  display: none;
  padding: 30px;
}

.faq .answer span {
  font-size: 2.1rem;
  color: #1a1a3c;
  float: left;
  position: relative;
  bottom: 6px;
}

.faq .answer p {
  margin-left: 30px;
}

.faq .answer:after {
  content: "";
  border: 1px solid #1a1a3c;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 6px;
  top: 6px;
  pointer-events: none;
}

.faq h4 {
  font-size: 2.6rem;
  text-align: center;
  color: #595454;
}

.collection .mainCon .conBox01 {
  background-size: 100% auto;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 {
    padding-top: 0px;
  }
}
.collection .mainCon .conBox01 .topBox {
  margin-bottom: 120px;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 .topBox {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 .ttlBg-back {
    top: 100px;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox01 .ttlBg-flont01:before {
    background: none;
  }
}
.collection .mainCon .conBox02 {
  padding-top: 130px;
}

.collection .mainCon .conBox02 .leadTxt {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 38px;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li {
  width: 32%;
  margin-bottom: 30px;
  background-color: #f5f3e9;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox02 .fashionStyle-bnrList li {
    width: 100%;
  }
}
.collection .mainCon .conBox02 .fashionStyle-bnrList li a {
  display: block;
  transition: 0.3s ease-in-out;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li a:hover {
  opacity: 0.8;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .imgBox {
  text-align: center;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .imgBox img {
  width: 100%;
  height: auto;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .txtBox {
  padding: 18px 15px;
}

.collection .mainCon .conBox02 .fashionStyle-bnrList li .txtBox p {
  font-size: 1.6rem;
  letter-spacing: -0.06em;
  line-height: 1.69;
}

.collection .mainCon .conBox03 {
  background: url("images/bg03.jpg") repeat-y left top;
  background-size: 100% auto;
  padding-top: 170px;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 {
    padding-top: 90px;
  }
}
.collection .mainCon .conBox03 .btnWrappBox {
  position: relative;
  float: left;
  width: 48%;
  margin-bottom: 4%;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox {
    float: none;
    width: 100%;
  }
}
.collection .mainCon .conBox03 .btnWrappBox p {
  font-size: 2rem;
  padding-top: 25px;
  padding-bottom: 17px;
  line-height: 1;
  border: 2px solid #9b9f33;
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 90%;
  z-index: 1;
}

@media screen and (max-width: 1120px) {
  .collection .mainCon .conBox03 .btnWrappBox p {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox p {
    font-size: 1.4rem;
    padding-top: 20px;
    padding-bottom: 11px;
    background-size: 13px;
    background-position-x: 95%;
    border: 1px solid #9b9f33;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .collection .mainCon .conBox03 .btnWrappBox p {
    background-position-x: 95%;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox p:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
    left: 0;
    top: 0;
  }
  .collection .mainCon .conBox03 .btnWrappBox p:before {
    content: "";
    border: 1px solid #c9d3bd;
    width: 100%;
    height: 100%;
    position: absolute;
    left: -6px;
    bottom: -6px;
    background: rgba(155, 159, 51, 0);
    transition: 0.5s;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:nth-of-type(2n) {
  margin-left: 4%;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:nth-of-type(2n) {
    margin-left: 0;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:after {
  content: "";
  border: 2px solid #c9d3bd;
  width: 100%;
  height: calc(100% - 4px);
  position: absolute;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
  top: 0;
  right: -4px;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:after {
    display: none;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:before {
  content: "";
  border: 2px solid #c9d3bd;
  width: 100%;
  height: 100%;
  position: absolute;
  left: -12px;
  bottom: -13px;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:before {
    display: none;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:hover:after {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:hover:after {
    background: none;
  }
}
.collection .mainCon .conBox03 .btnWrappBox:hover:before {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:hover:before {
    background: none;
  }
}
@media screen and (max-width: 821px) {
  .collection .mainCon .conBox03 .btnWrappBox:hover p:after,
.collection .mainCon .conBox03 .btnWrappBox:hover p:before {
    background: rgba(155, 159, 51, 0.4);
    transition: 0.3s;
  }
}
/*.about .mainCon {
   background: url("images/bg02.jpg") repeat left top;
}*/
.about .mainCon .topBox {
  margin-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .topBox {
    margin-bottom: 50px;
  }
}
.about .mainCon .conBox {
  padding-bottom: 100px;
}

.about .mainCon .conBox h4 {
  font-size: 2.4rem;
  margin-bottom: 50px;
  font-weight: 700;
}

.about .mainCon .conBox .smallBox {
  margin-bottom: 50px;
}

.about .mainCon .conBox .smallBox h5 {
  font-size: 2.1rem;
  margin-bottom: 25px;
  font-weight: 700;
  line-height: 1.5;
}

.about .mainCon .conBox .smallBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

.about .mainCon ol {
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.about .mainCon ol li {
  list-style: none;
}

.about .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 390px;
}

.about .mainCon .conBox01 .inrBox01 {
  width: 850px;
  margin: 0 auto;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox01 .inrBox01 {
    width: 95%;
    padding-bottom: 0;
  }
}
.about .mainCon .conBox01 .inrBox01 dl dd,
.about .mainCon .conBox01 .inrBox01 dl dt {
  float: left;
  font-size: 1.8rem;
  padding: 20px 10px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox01 .inrBox01 dl dd,
.about .mainCon .conBox01 .inrBox01 dl dt {
    padding: 5px 2px;
    margin-bottom: 30px;
  }
}
.about .mainCon .conBox01 .inrBox01 dl dt {
  width: 30%;
  box-sizing: border-box;
}

.about .mainCon .conBox01 .inrBox01 dl dd {
  width: 70%;
  box-sizing: border-box;
}

.about .mainCon .conBox01 .inrBox01 dl dd a {
  color: #595454;
  color: #595454;
  transition: 0.5s;
  position: relative;
}

.about .mainCon .conBox01 .inrBox01 dl dd a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox01 .inrBox01 dl dd a:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.about .mainCon .conBox01 .inrBox01 dl dd a:focus,
.about .mainCon .conBox01 .inrBox01 dl dd a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.about .mainCon #privacyporicyArea {
  padding-top: 200px;
  margin-top: -420px;
}

@media screen and (max-width: 821px) {
  .about .mainCon #privacyporicyArea {
    padding-top: 100px;
    margin-top: -420px;
  }
}
.about .mainCon .conBox02 {
  background: #ccc;
  background-size: 100%;
  padding-bottom: 0;
}

@media screen and (max-width: 821px) {
  .about .mainCon .conBox02 {
    padding-bottom: 0;
  }
}
.about .mainCon .conBox02 h4 {
  border-left: 5px solid #333;
  padding-left: 20px;
  line-height: 28px;
}

/*.about .mainCon .conBox03 {
   background: url("images/bg02.jpg") repeat left top;
}*/
@media screen and (max-width: 821px) {
  .about .mainCon .conBox03 {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.about .mainCon .conBox03 h4 {
  text-align: center;
  line-height: 1.9rem;
}

.about .mainCon .conBox03 h4 span {
  font-size: 1.6rem;
  text-align: center;
  display: block;
}

.about .mainCon .conBox03 .smallBox {
  margin-bottom: 50px;
}

@media screen and (max-width: 821px) {
  .shopinfo .headerTxtArea {
    top: 150px !important;
  }
}
@media screen and (max-width: 821px) {
  .shopinfo .mainCon .conBox01 {
    padding-top: 150px !important;
  }
}
.shopinfo .mainCon .conBox01 .inrBox01 {
  padding-top: 90px !important;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .conBox01 .inrBox01 {
    padding-top: 30px !important;
  }
}
.shopinfo .mainCon .conBox01 .ttlBg-back span:nth-child(1) {
  bottom: 15px;
}

.shopinfo .mainCon .conBox01 .ttlBg-back span:nth-child(2) {
  bottom: 115px;
}

.shopinfo .mainCon .conBox01 .ttlBg-back span:nth-child(3) {
  bottom: 55px;
}

.shopinfo .mainCon .inrBox {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.shopinfo .mainCon .inrBox .topContents .leftBox {
  width: 530px;
  height: 411px;
}

.shopinfo .mainCon .inrBox .topContents .leftBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1220px) {
  .shopinfo .mainCon .inrBox .topContents .leftBox {
    width: 48%;
  }
}
@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .leftBox {
    width: 100%;
    height: 250px;
    float: none;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox {
  width: 570px;
  position: relative;
}

@media screen and (max-width: 1220px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox {
    width: 52%;
  }
}
@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox {
    width: 100%;
    float: none;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox {
  padding-left: 40px;
  padding-top: 48px;
  padding-bottom: 48px;
  box-sizing: border-box;
  max-height: 411px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox {
    padding: 4%;
    max-height: 450px;
    padding-bottom: 96px !important;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dd,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dt,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox p,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox span {
  color: #fff;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox p {
  margin-bottom: 45px;
  font-size: 1.2rem;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 {
  font-size: 3rem;
  line-height: 36px;
  margin-bottom: 50px;
  margin-top: -120px;
  padding-top: 120px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 {
    font-size: 2rem;
    margin-bottom: 30px;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 span {
  font-size: 2.6rem;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox h4 span {
    font-size: 1.8rem;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox #shinjyukuTakashima {
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl {
    width: 95%;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dt {
  font-size: 1.4rem;
  width: 70px;
  margin-right: 40px;
  float: left;
  letter-spacing: 0.2px;
  line-height: 1.3;
  margin-bottom: 8px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dt {
    font-size: 1.2rem;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd {
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 8px;
  margin-left: 110px;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd a {
  color: #fff;
  text-decoration: underline;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd a:focus,
.shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd a:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .topContents .rightBox .txtBox dl dd {
    font-size: 1.4rem;
  }
}
.shopinfo .mainCon .inrBox .topContents .rightBox .qrBox {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 60px;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 5px;
}

.shopinfo .mainCon .inrBox .topContents .rightBox .qrBox img {
  width: 100%;
  height: auto;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp {
  width: 100%;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox {
  width: 32%;
  display: block;
  float: left;
  position: relative;
  margin-top: 2%;
  margin-bottom: 2%;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox {
    position: relative;
    height: auto;
  }
}
.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox:before {
  content: "";
  display: block;
  padding-top: 66%;
  overflow: hidden;
  border-radius: 6px;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox .imgBoxInr {
  width: 100%;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox .imgBoxInr img {
  width: 100%;
  height: auto;
}

.shopinfo .mainCon .inrBox .bottomContents .threeImgWrapp .imgBox:nth-child(2) {
  margin-left: 2%;
  margin-right: 2%;
}

.shopinfo .mainCon .inrBox .bottomContents .mapBox {
  height: 500px;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .inrBox .bottomContents .mapBox {
    height: 380px;
  }
}
.shopinfo .mainCon .inrBox:nth-child(2n+1) {
  background: #f5cec2;
}

.shopinfo .mainCon .inrBox:nth-child(2n) {
  background: #f0beaf;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea {
  margin-bottom: 70px;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea li {
  width: 32%;
  float: left;
  margin-bottom: 2%;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .btnAreaWrapp .btnArea li {
    width: 100%;
    float: none;
    margin-bottom: 10%;
  }
}
.shopinfo .mainCon .btnAreaWrapp .btnArea li p {
  width: 100%;
  background-size: 19px;
  background-position-x: 90%;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(2),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(3),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(5),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(6),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(8),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(9) {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(2),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(3),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(5),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(6),
.shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(9) {
    margin-left: 0;
  }
}
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn {
  box-sizing: border-box;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:after {
  background: rgba(233, 87, 104, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01 p {
  border: 2px solid #e95768;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:before {
  border: 2px solid rgba(233, 87, 104, 0.3);
  background: rgba(233, 87, 104, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:hover:after {
  background: rgba(233, 87, 104, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn01:hover:before {
  background: rgba(233, 87, 104, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:after {
  background: rgba(128, 132, 18, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02 p {
  border: 2px solid #c7cb53;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:before {
  border: 2px solid rgba(128, 132, 18, 0.3);
  background: #808412;
  background: rgba(128, 132, 18, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:hover:after {
  background: rgba(128, 132, 18, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn02:hover:before {
  background: rgba(128, 132, 18, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:after {
  background: rgba(236, 123, 141, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03 p {
  border: 2px solid #ec7b8d;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:before {
  border: 2px solid rgba(236, 123, 141, 0.3);
  background: rgba(236, 123, 141, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:hover:after {
  background: rgba(236, 123, 141, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn03:hover:before {
  background: rgba(236, 123, 141, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:after {
  background: rgba(151, 124, 147, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04 p {
  border: 2px solid #977c93;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:before {
  border: 2px solid rgba(151, 124, 147, 0.3);
  background: rgba(151, 124, 147, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:hover:after {
  background: rgba(151, 124, 147, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn04:hover:before {
  background: rgba(151, 124, 147, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:after {
  background: rgba(151, 140, 74, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05 p {
  border: 2px solid #f7edb2;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:before {
  border: 2px solid rgba(151, 140, 74, 0.3);
  background: rgba(151, 140, 74, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:hover:after {
  background: rgba(247, 237, 178, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn05:hover:before {
  background: rgba(247, 237, 178, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:after {
  background: rgba(102, 176, 177, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06 p {
  border: 2px solid #c9e7e7;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:before {
  border: 2px solid rgba(102, 176, 177, 0.3);
  background: rgba(102, 176, 177, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:hover:after {
  background: rgba(102, 176, 177, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn06:hover:before {
  background: rgba(102, 176, 177, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:after {
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07 p {
  border: 2px solid #d86b30;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:before {
  border: 2px solid rgba(216, 107, 48, 0.3);
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:hover:after {
  background: rgba(216, 107, 48, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn07:hover:before {
  background: rgba(216, 107, 48, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09 p {
  border: 2px solid #ffb4c0;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:before {
  border: 2px solid rgba(247, 139, 156, 0.3);
  background: rgba(247, 139, 156, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:hover:after {
  background: rgba(247, 139, 156, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:hover:before {
  background: rgba(247, 139, 156, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:after {
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08 p {
  border: 2px solid #66BEDB;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:before {
  border: 2px solid rgba(102, 190, 219, 0.3);
  background: rgba(102, 190, 219, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:hover:after {
  background: rgba(102, 190, 219, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn08:hover:before {
  background: rgba(102, 190, 219, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:after {
  background: rgba(216, 107, 48, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09 p {
  border: 2px solid #dc6742;
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:before {
  border: 2px solid rgba(102, 190, 219, 0.3);
  background: rgba(102, 190, 219, 0);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:focus:after,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:hover:after {
  background: rgba(102, 190, 219, 0.4);
}

.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:focus:before,
.shopinfo .mainCon .btnAreaWrapp .btnArea .btn09:hover:before {
  background: rgba(102, 190, 219, 0.4);
}

.shopinfo .mainCon .inrBox01 .txtBox {
  background: #e95768;
}

.shopinfo .mainCon .inrBox02 .txtBox {
  background: #808412;
}

.shopinfo .mainCon .inrBox03 .txtBox {
  background: #ec7b8d;
}

.shopinfo .mainCon .inrBox04 .txtBox {
  background: #977c93;
}

.shopinfo .mainCon .inrBox05 .txtBox {
  background: #978c4a;
}

.shopinfo .mainCon .inrBox06 .txtBox {
  background: #66b0b1;
}

.shopinfo .mainCon .inrBox07 .txtBox {
  background: #d86b30;
}

.shopinfo .mainCon .inrBox08 .txtBox {
  background: #66BEDB;
}

/*.menu .mainCon {
   background: url("images/bg02.jpg") repeat left top;
}*/
@media screen and (max-width: 821px) {
  .menu .mainCon .btn {
    margin-bottom: 35px;
  }
}
.menu .mainCon .topBox {
  margin-bottom: 200px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .topBox {
    margin-bottom: 50px;
  }
}
.menu .mainCon .inrBox {
  margin-bottom: 100px;
  padding-bottom: 0px !important;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
  }
}
.menu .mainCon .inrBox h4 {
  font-size: 4rem;
  margin-top: 35px;
  color: #595454;
  line-height: 1.5;
  margin-bottom: 18px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox h4 {
    font-size: 2.2rem;
    margin-top: 20px;
  }
}
.menu .mainCon .inrBox .twoColumn {
  width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn {
    width: 100%;
  }
}
.menu .mainCon .inrBox .twoColumn .leftBox {
  float: left;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .leftBox {
    float: none;
  }
}
.menu .mainCon .inrBox .twoColumn .rightBox {
  float: right;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .rightBox {
    float: none;
  }
}
.menu .mainCon .inrBox .twoColumn .leftBox {
  margin-right: 40px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .leftBox {
    margin-right: 0;
  }
}
.menu .mainCon .inrBox .twoColumn .txtBox {
  width: 410px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .txtBox {
    width: 90%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    right: 0;
  }
}
.menu .mainCon .inrBox .twoColumn .imgBoxWrapp {
  width: 450px;
  height: 570px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox {
  position: absolute;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox {
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox .twoColumn .imgBoxWrapp .imgBox img {
    width: 100%;
  }
}
.menu .mainCon .inrBox .twoColumn .leadTxt {
  margin-top: 30px;
  margin-bottom: 30px;
}

.menu .mainCon .inrBox .twoColumn .btn {
  width: 50%;
}

.menu .mainCon .inrBox .twoColumn .btn a,
.menu .mainCon .inrBox .twoColumn .btn p {
  width: 100%;
  font-size: 1.4rem;
}

.menu .mainCon .inrBox .twoColumn .btn p {
  padding-top: 13px;
  padding-bottom: 13px;
  background-size: 10px;
  background-position-x: 90%;
}

.menu .mainCon .inrBox .twoColumn .btn:before {
  height: calc(100% - 4px);
  left: -5px;
  bottom: -5px;
}

.menu .mainCon .inrBox01 .ttlBox {
  margin-left: 70px;
}

.menu .mainCon .inrBox01 .twoColumn .txtBox {
  top: -90px;
}

.menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
  margin-right: 65px;
}

.menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 160px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 45px;
  }
  .menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
    left: 110px;
  }
}
.menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -17px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
    left: -16px;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .twoColumn .txtBox {
    top: 0;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox01 .imgBoxWrapp {
    left: 6%;
  }
}
.menu .mainCon .inrBox02 img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 1220px) {
  .menu .mainCon .inrBox02 img {
    position: relative;
    right: 40%;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 {
    margin-right: 10%;
    margin-bottom: 30px;
  }
  .menu .mainCon .inrBox02 img {
    position: relative;
  }
}
.menu .mainCon .inrBox02 .twoColumn .txtBox {
  top: -90px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 .twoColumn .txtBox {
    top: 0;
  }
}
.menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 133px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 43px;
  }
  .menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
    left: 93px;
  }
}
.menu .mainCon .inrBox02 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -23px;
}

.menu .mainCon .inrBox02 .twoColumn .imgBoxWrapp .imgBox {
  right: 0;
}

.menu .mainCon .inrBox02 .twoColumn .imgBoxWrapp .imgBox img {
  right: 0;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox02 .imgBoxWrapp {
    right: 6%;
  }
}
.menu .mainCon .inrBox03 .txtBox {
  top: -90px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .txtBox {
    top: 0;
  }
}
.menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1) {
  margin-right: 60px;
}

.menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 187px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 40px;
  }
  .menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(1):after {
    left: 132px;
  }
}
.menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -28px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .txtBox .engTtl02 span:nth-child(2):after {
    left: -18px;
  }
}
@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox03 .imgBoxWrapp {
    left: 6%;
  }
}
.menu .mainCon .inrBox04 .twoColumn .txtBox {
  top: -90px;
  width: 450px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .txtBox {
    top: 0;
    width: auto;
  }
}
.menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
  margin-right: 60px;
}

.menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
  transform: rotate(45deg);
  top: 17px;
  left: 120px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1) {
    margin-right: 40px;
  }
  .menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(1):after {
    left: 96px;
  }
}
.menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
  transform: rotate(135deg);
  top: 7px;
  left: -27px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .txtBox .engTtl02 span:nth-child(2):after {
    left: -19px;
  }
}
.menu .mainCon .inrBox04 .twoColumn span:nth-child(1) {
  margin-right: 60px;
}

.menu .mainCon .inrBox04 .twoColumn span:nth-child(1):after {
  left: 120px;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn span:nth-child(1):after {
    left: 112px;
  }
}
.menu .mainCon .inrBox04 .twoColumn .imgBoxWrapp {
  width: 410px;
}

.menu .mainCon .inrBox04 .twoColumn .imgBoxWrapp .imgBox {
  right: 0;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .inrBox04 .twoColumn .imgBoxWrapp {
    left: 6%;
  }
}
.menu .mainCon .inrBox01 .twoColumn .imgBoxWrapp .imgBox,
.menu .mainCon .inrBox03 .twoColumn .imgBoxWrapp .imgBox {
  left: 0;
}

.menu .mainCon .leadTxt {
  line-height: 1.8;
  font-size: 1.8rem;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .menu .mainCon .leadTxt {
    font-size: 1.4rem;
  }
}
.purchase .mainCon h4,
.rental .mainCon h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon h4,
.rental .mainCon h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .purchase .mainCon h4 span,
.rental .mainCon h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.purchase .mainCon h4 .font-eng02,
.rental .mainCon h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.purchase .mainCon h4 .font-eng02:first-letter,
.rental .mainCon h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.purchase .mainCon h4 .font-eng02:nth-of-type(2),
.rental .mainCon h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon h4 .font-eng02,
.rental .mainCon h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .purchase .mainCon h4 .font-eng02:first-letter,
.rental .mainCon h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
/*.purchase .mainCon .conBox01,
.rental .mainCon .conBox01 {
   background: url("images/bg02.jpg") repeat left top;
}*/
@media screen and (max-width: 821px) {
  .purchase .mainCon .conBox01 .inrBox01,
.rental .mainCon .conBox01 .inrBox01 {
    padding-top: 50px !important;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .conBox01 .topBox,
.rental .mainCon .conBox01 .topBox {
    margin-bottom: 0;
  }
}
.purchase .mainCon .overviewBox,
.rental .mainCon .overviewBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox,
.rental .mainCon .overviewBox {
    padding-top: 50px;
  }
}
.purchase .mainCon .overviewBox .twoBox,
.rental .mainCon .overviewBox .twoBox {
  width: 820px;
  margin: 0 auto;
}

@media screen and (max-width: 1000px) {
  .purchase .mainCon .overviewBox .twoBox,
.rental .mainCon .overviewBox .twoBox {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox,
.rental .mainCon .overviewBox .twoBox {
    margin-bottom: 0;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox,
.rental .mainCon .overviewBox .twoBox .txtBox {
  width: 620px;
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  padding: 50px;
  background: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox,
.rental .mainCon .overviewBox .twoBox .txtBox {
    width: 100%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    top: 0;
    position: relative;
    transform: none;
    padding: 0;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox,
.rental .mainCon .overviewBox .twoBox .txtBox {
  border-bottom: 1px solid #ddd;
}

.purchase .mainCon .overviewBox .twoBox .txtBox h5,
.rental .mainCon .overviewBox .twoBox .txtBox h5 {
  color: #1a1a3c;
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox h5,
.rental .mainCon .overviewBox .twoBox .txtBox h5 {
    font-size: 1.8rem;
    padding-top: 15px;
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox p,
.rental .mainCon .overviewBox .twoBox .txtBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox p,
.rental .mainCon .overviewBox .twoBox .txtBox p {
    margin-bottom: 25px;
    font-size: 1.4rem;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02,
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-right: 15px;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02:first-letter,
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02:nth-of-type(2),
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .font-eng02,
.rental .mainCon .overviewBox .twoBox .txtBox .font-eng02 {
    display: block;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .leadTxt,
.rental .mainCon .overviewBox .twoBox .txtBox .leadTxt {
  font-size: 1.6rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .costWrapp,
.rental .mainCon .overviewBox .twoBox .txtBox .costWrapp {
  font-size: 4.4rem;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ff7e71;
  font-style: italic;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .costWrapp span,
.rental .mainCon .overviewBox .twoBox .txtBox .costWrapp span {
  font-size: 1.6rem;
  margin-left: 10px;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
  border: 1px solid #1a1a3c;
  background: #fff;
  position: relative;
  padding: 30px 30px 20px;
  box-sizing: content-box;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
    padding: 15% 3%;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
  content: "";
  width: 200px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 30%;
  transform: translateX(-50%);
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
    width: 50%;
    left: 36%;
    height: 4px;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp h5,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp h5 {
  font-weight: 700;
  position: absolute;
  top: -13px;
  left: 20%;
  color: #ff7e71;
  font-size: 1.8rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .font-eng02,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .font-eng02 {
  font-size: 2.1rem;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
  float: left;
  width: 19%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
    width: 48%;
    margin-bottom: 20px;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox {
  border-radius: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img {
  width: 100%;
  height: auto;
}

.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
    height: 35px;
  }
}
.purchase .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01),
.rental .mainCon .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01) {
  margin-left: 1%;
}

.purchase .mainCon .overviewBox .twoBox .imgBoxWrapp,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp {
  width: 400px;
  height: 570px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox {
  position: absolute;
  width: 370px;
}

.purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img,
.rental .mainCon .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 100%;
    position: relative;
  }
}
.purchase .mainCon .benefitsBox,
.rental .mainCon .benefitsBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /*  background-color: #ccc;
  background-size: cover; */
  position: relative;
  background-color: #ccc;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox,
.rental .mainCon .benefitsBox {
    padding-top: 60px !important;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceListBoxs,
.rental .mainCon .benefitsBox .priceListBoxs {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.purchase .mainCon .benefitsBox .priceListBoxs .priceListBox,
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox {
  float: left;
  width: 19%;
  border: 1px solid #333;
  line-height: 50px;
  font-size: 2.1rem;
  color: #333;
  padding-left: 14px;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceListBoxs .priceListBox,
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox {
    width: 100%;
    float: none;
    margin: 0 auto 15px;
  }
}
.purchase .mainCon .benefitsBox .priceListBoxs .priceListBox .unitFont,
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox .unitFont {
  font-size: 1.6rem;
  color: #333;
}

@media screen and (min-width: 813px) {
  .purchase .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01),
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01) {
    margin-left: 1%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01),
.rental .mainCon .benefitsBox .priceListBoxs .priceListBox:not(.priceListBox01) {
    margin: 0 auto 15px;
  }
}
.purchase .mainCon .benefitsBox .priceListBoxs .popularListBox,
.rental .mainCon .benefitsBox .priceListBoxs .popularListBox {
  /* background: url("images/popularListBox.png") no-repeat; */
  background-color: #333;
  background-size: 100% 100%;
  color: #fff;
  font-weight: 700;
  border: 1px solid #614b3c;
}

.purchase .mainCon .benefitsBox .priceListBoxs .popularListBox .unitFont,
.rental .mainCon .benefitsBox .priceListBoxs .popularListBox .unitFont {
  color: #fff;
}

.purchase .mainCon .benefitsBox .priceBoxsThree,
.rental .mainCon .benefitsBox .priceBoxsThree {
  padding-left: 20%;
  padding-right: 20%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceBoxsThree,
.rental .mainCon .benefitsBox .priceBoxsThree {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.purchase .mainCon .benefitsBox .priceBoxsThree .priceListBox,
.rental .mainCon .benefitsBox .priceBoxsThree .priceListBox {
  width: 32%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .priceBoxsThree .priceListBox,
.rental .mainCon .benefitsBox .priceBoxsThree .priceListBox {
    width: 100%;
  }
}
.purchase .mainCon .benefitsBox .attentionBox,
.rental .mainCon .benefitsBox .attentionBox {
  margin: 50px auto 30px;
  background: #fff;
  padding: 30px;
  border: 1px solid #000;
  position: relative;
}

.purchase .mainCon .benefitsBox .attentionBox .blockSampleBeforeTxt,
.rental .mainCon .benefitsBox .attentionBox .blockSampleBeforeTxt {
  display: block;
  float: left;
  margin-right: 5px;
}

.purchase .mainCon .benefitsBox .attentionBox .blockSample,
.rental .mainCon .benefitsBox .attentionBox .blockSample {
  /* background: url("images/blockSample.png") no-repeat; */
  background-color: #000;
  width: 50px;
  height: 25px;
  background-size: 100% 100%;
  display: block;
  float: left;
  margin-right: 5px;
}

.purchase .mainCon .benefitsBox .fukidashi,
.rental .mainCon .benefitsBox .fukidashi {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
}

.purchase .mainCon .benefitsBox .fukidashi img,
.rental .mainCon .benefitsBox .fukidashi img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1100px) {
  .purchase .mainCon .benefitsBox .fukidashi,
.rental .mainCon .benefitsBox .fukidashi {
    width: 30%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .fukidashi,
.rental .mainCon .benefitsBox .fukidashi {
    position: absolute;
    right: 0;
    top: 0;
    width: 60%;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp,
.rental .mainCon .benefitsBox .circleBoxWrapp {
  margin-top: 50px;
  position: relative;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp,
.rental .mainCon .benefitsBox .circleBoxWrapp {
    position: relative;
    margin-top: 35px;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox {
  width: 190px;
  text-align: center;
  z-index: 1;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox {
    width: 48%;
    margin-bottom: 22%;
    margin-right: 0;
  }
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox:nth-of-type(2n),
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox:nth-of-type(2n) {
    margin-left: 4%;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .circleBoxinr,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .circleBoxinr {
  width: 100%;
  padding-top: 100%;
  border-radius: 100%;
  background: #fff;
}

.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: 100%;
}

.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox img,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .imgBox img {
  width: 60%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  height: auto;
}

.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox {
  color: #595454;
  font-size: 1.8rem;
  position: absolute;
  bottom: -62px;
  width: 100%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox {
    font-size: 1.4rem;
    bottom: -50px;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt),
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt) {
  bottom: -50px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt),
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .txtBox:not(.twoLineTxt) {
    bottom: -35px;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox .spThreeLineTxt,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox .spThreeLineTxt {
    font-size: 1.4rem;
    bottom: -50px;
  }
}
.purchase .mainCon .benefitsBox .circleBoxWrapp .circleBox06,
.rental .mainCon .benefitsBox .circleBoxWrapp .circleBox06 {
  margin-left: 10%;
}

.purchase .mainCon .benefitsBox .benefitsDetails,
.rental .mainCon .benefitsBox .benefitsDetails {
  width: 960px;
  margin: 70px auto 0;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .benefitsDetails,
.rental .mainCon .benefitsBox .benefitsDetails {
    width: 90% !important;
    padding: 5% !important;
  }
}
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox {
  width: 30%;
  float: left;
  margin-bottom: 65px;
  position: relative;
  border: 1px solid #4b4b4b;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #333;
}

.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3) {
  margin-left: 5%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+2),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(3n+3) {
    margin-left: 0;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .benefitsBox .benefitsDetails .detailsBox,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  .purchase .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(1),
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox:nth-of-type(1) {
    margin-top: 15px;
    margin-bottom: 60px;
  }
}
.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox {
  width: 100%;
  float: none;
  position: relative;
}

.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox h5,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox h5 {
  font-size: 1.8rem;
  text-align: center;
  line-height: 90px;
  color: #fff;
  background: #333;
}

.purchase .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox .chusyaku,
.rental .mainCon .benefitsBox .benefitsDetails .detailsBox .txtBox .chusyaku {
  font-size: 1.3rem;
  color: #4b4b4b;
  position: absolute;
  padding-top: 10px;
}

.purchase .mainCon .reasonBox,
.rental .mainCon .reasonBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox,
.rental .mainCon .reasonBox {
    padding-bottom: 0px !important;
  }
}
.purchase .mainCon .reasonBox .threeColumn .centerBox,
.purchase .mainCon .reasonBox .threeColumn .leftBox,
.purchase .mainCon .reasonBox .threeColumn .rightBox,
.rental .mainCon .reasonBox .threeColumn .centerBox,
.rental .mainCon .reasonBox .threeColumn .leftBox,
.rental .mainCon .reasonBox .threeColumn .rightBox {
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox .threeColumn .centerBox,
.purchase .mainCon .reasonBox .threeColumn .leftBox,
.purchase .mainCon .reasonBox .threeColumn .rightBox,
.rental .mainCon .reasonBox .threeColumn .centerBox,
.rental .mainCon .reasonBox .threeColumn .leftBox,
.rental .mainCon .reasonBox .threeColumn .rightBox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
.purchase .mainCon .reasonBox .threeColumn .engWrapp,
.rental .mainCon .reasonBox .threeColumn .engWrapp {
  margin-bottom: 0;
}

.purchase .mainCon .reasonBox .threeColumn .font-eng02,
.rental .mainCon .reasonBox .threeColumn .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox .threeColumn .font-eng02,
.rental .mainCon .reasonBox .threeColumn .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.purchase .mainCon .reasonBox .threeColumn .font-eng02:first-letter,
.purchase .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2),
.rental .mainCon .reasonBox .threeColumn .font-eng02:first-letter,
.rental .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.purchase .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2),
.rental .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.purchase .mainCon .reasonBox .threeColumn .centerBox,
.rental .mainCon .reasonBox .threeColumn .centerBox {
  margin-left: 2%;
  margin-right: 2%;
}

.purchase .mainCon .reasonBox .threeColumn .imgBox,
.rental .mainCon .reasonBox .threeColumn .imgBox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .reasonBox .threeColumn .imgBox img,
.rental .mainCon .reasonBox .threeColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .reasonBox .threeColumn .txtBox h5,
.rental .mainCon .reasonBox .threeColumn .txtBox h5 {
  font-size: 1.8rem;
  color: #595454;
  margin-bottom: 15px;
  font-weight: 700;
}

@media screen and (min-width: 813px) {
  .purchase .mainCon .reasonBox .threeColumn .txtBox .oneLine,
.rental .mainCon .reasonBox .threeColumn .txtBox .oneLine {
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
.purchase .mainCon .reasonBox .threeColumn .txtBox p,
.rental .mainCon .reasonBox .threeColumn .txtBox p {
  color: #595454;
}

.purchase .mainCon .setContentsBox,
.rental .mainCon .setContentsBox {
  padding-top: 100px;
  padding-bottom: 100px;
}

.purchase .mainCon .setContentsBox .setBox,
.rental .mainCon .setContentsBox .setBox {
  width: 1000px;
  margin: 0 auto 120px;
}

@media screen and (max-width: 1000px) {
  .purchase .mainCon .setContentsBox .setBox,
.rental .mainCon .setContentsBox .setBox {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox,
.rental .mainCon .setContentsBox .setBox {
    margin-bottom: 70px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox,
.rental .mainCon .setContentsBox .setBox .txtBox {
  width: 550px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox,
.rental .mainCon .setContentsBox .setBox .txtBox {
    width: 100%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    top: 0;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox h5,
.rental .mainCon .setContentsBox .setBox .txtBox h5 {
  color: #1a1a3c;
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 30px;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .leadTxt,
.rental .mainCon .setContentsBox .setBox .txtBox .leadTxt {
  font-size: 1.6rem;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .costWrapp,
.rental .mainCon .setContentsBox .setBox .txtBox .costWrapp {
  font-size: 4.4rem;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ff7e71;
  font-style: italic;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .costWrapp span,
.rental .mainCon .setContentsBox .setBox .txtBox .costWrapp span {
  font-size: 1.6rem;
  margin-left: 10px;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp {
  border: 1px solid #1a1a3c;
  background: #fff;
  position: relative;
  padding: 30px 30px 20px;
  box-sizing: content-box;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp {
    padding: 15% 3%;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before {
  content: "";
  width: 200px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 30%;
  transform: translateX(-50%);
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp:before {
    width: 50%;
    left: 36%;
    height: 4px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp h6,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp h6 {
  font-weight: 700;
  position: absolute;
  top: -13px;
  left: 20%;
  color: #ff7e71;
  font-size: 1.8rem;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox {
  float: left;
  width: 19%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox {
    width: 48%;
    margin-bottom: 20px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox {
  border-radius: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img {
  width: 100%;
  height: auto;
}

.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox,
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
    height: 35px;
  }
}
.purchase .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01),
.rental .mainCon .setContentsBox .setBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01) {
  margin-left: 1%;
}

.purchase .mainCon .setContentsBox .setBox .imgBoxWrapp,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp {
  width: 400px;
  height: 570px;
  position: relative;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox {
  position: absolute;
  width: 370px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img,
.rental .mainCon .setContentsBox .setBox .imgBoxWrapp .imgBox img {
    width: 100%;
    position: relative;
  }
}
.purchase .mainCon .setContentsBox .setBox01 .imgBox,
.purchase .mainCon .setContentsBox .setBox01 .imgBox img,
.rental .mainCon .setContentsBox .setBox01 .imgBox,
.rental .mainCon .setContentsBox .setBox01 .imgBox img {
  right: 0;
  position: absolute;
}

.purchase .mainCon .setContentsBox .setBox02 .imgBox,
.purchase .mainCon .setContentsBox .setBox02 .imgBox img,
.rental .mainCon .setContentsBox .setBox02 .imgBox,
.rental .mainCon .setContentsBox .setBox02 .imgBox img {
  left: 0;
  position: absolute;
}

.purchase .mainCon .galleryBox,
.rental .mainCon .galleryBox {
  padding-top: 0;
}

.purchase .mainCon .galleryBox .blogList:nth-child(2),
.rental .mainCon .galleryBox .blogList:nth-child(2) {
  margin-left: 4%;
  margin-bottom: 4%;
}

.purchase .mainCon .galleryBox .fourStyleBox,
.rental .mainCon .galleryBox .fourStyleBox {
  margin-top: 120px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .galleryBox .fourStyleBox,
.rental .mainCon .galleryBox .fourStyleBox {
    margin-top: 90px;
  }
}
.purchase .mainCon .galleryBox .fourStyleBox h4,
.rental .mainCon .galleryBox .fourStyleBox h4 {
  font-size: 2rem;
}

.purchase .mainCon .galleryBox .fourstyleBoxNew,
.rental .mainCon .galleryBox .fourstyleBoxNew {
  top: 35px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .galleryBox .fourstyleBoxNew,
.rental .mainCon .galleryBox .fourstyleBoxNew {
    top: 20px;
  }
}
.purchase .mainCon .albumBox,
.rental .mainCon .albumBox {
  padding-top: 370px;
  padding-bottom: 100px;
  /*  background-color: #ccc;
  background-size: cover; */
  background-color: #ccc;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox,
.rental .mainCon .albumBox {
    width: 100%;
    padding-top: 250px !important;
  }
  .purchase .mainCon .albumBox .borderBoxTtl,
.rental .mainCon .albumBox .borderBoxTtl {
    margin-bottom: -60px;
  }
}
.purchase .mainCon .albumBox .contents,
.rental .mainCon .albumBox .contents {
  margin-top: -80px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents,
.rental .mainCon .albumBox .contents {
    margin-top: -60px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox h5,
.rental .mainCon .albumBox .contents .twoBox h5 {
  font-size: 2.1rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.purchase .mainCon .albumBox .contents .twoBox .leadTxt,
.rental .mainCon .albumBox .contents .twoBox .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.purchase .mainCon .albumBox .contents .twoBox01,
.rental .mainCon .albumBox .contents .twoBox01 {
  margin-bottom: 50px;
}

.purchase .mainCon .albumBox .contents .twoBox01 .albumMainimgBox,
.rental .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
  width: 44%;
  height: 290px;
  position: relative;
  margin-left: 4%;
  float: left;
}

.purchase .mainCon .albumBox .contents .twoBox01 .albumMainimgBox img,
.rental .mainCon .albumBox .contents .twoBox01 .albumMainimgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .albumMainimgBox,
.rental .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
    width: 90%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox {
  width: 44%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox {
    width: 90%;
    float: none;
    box-sizing: border-box;
    margin: 0 auto;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBox,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBox {
    width: 100%;
    margin: 0 auto;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
  position: relative;
  top: -10px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-left: 15%;
}

.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  top: 10px;
}

.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  width: 10%;
}

.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
  width: 60%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
    width: 40%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
    margin-bottom: 10px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .cost,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
  font-size: 2.7rem;
  color: #333;
  text-align: right;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .txtBox .cost,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
    margin-bottom: 50px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .txtBox .cost .unitFont,
.rental .mainCon .albumBox .contents .twoBox01 .txtBox .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
  padding-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
    padding: 10px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
  width: 28%;
  margin-left: 4%;
  float: left;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
  width: 47%;
  height: auto;
}

.purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
    margin: 0 auto 12%;
    width: 50%;
  }
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
    width: 60%;
    margin: 0 auto 4%;
    text-align: center;
  }
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
    width: 100%;
    height: auto;
  }
  .purchase .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt,
.rental .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
    width: 100%;
    font-size: 1.1rem;
  }
}
.purchase .mainCon .albumBox .contents .twoBox02,
.rental .mainCon .albumBox .contents .twoBox02 {
  margin-bottom: 50px;
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
  width: 50%;
  position: relative;
  margin-left: 4%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
    width: 100%;
    margin: 0 auto 15px;
  }
}
.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox h5,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox h5 {
  text-align: center;
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox p,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox {
  width: 44%;
  margin-left: 4%;
  position: relative;
  float: left;
}

.purchase .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img,
.rental .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img {
  width: 100%;
  height: auto;
}

.purchase .mainCon .albumBox .contents .twoBox02 .txtBox,
.rental .mainCon .albumBox .contents .twoBox02 .txtBox {
  width: 38%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox .contents .twoBox02 .txtBox,
.rental .mainCon .albumBox .contents .twoBox02 .txtBox {
    width: 90%;
    margin: 0 auto 10px;
    float: none;
  }
}
.purchase .mainCon .albumBox01,
.rental .mainCon .albumBox01 {
  padding-top: 0px !important;
  margin-top: -30px;
}

.purchase .mainCon .albumBox01 .largeWrapp,
.rental .mainCon .albumBox01 .largeWrapp {
  padding-top: 290px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox01 .largeWrapp,
.rental .mainCon .albumBox01 .largeWrapp {
    padding-top: 110px;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox02,
.rental .mainCon .albumBox02 {
    padding-top: 40px !important;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .albumBox03,
.rental .mainCon .albumBox03 {
    padding-top: 40px !important;
  }
}
.purchase .mainCon .afterTxt,
.rental .mainCon .afterTxt {
  /*  background-color: #ccc; */
  background-color: #ccc;
  padding-bottom: 30px;
}

.purchase .mainCon .afterTxt p,
.rental .mainCon .afterTxt p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #333;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .afterTxt p,
.rental .mainCon .afterTxt p {
    font-size: 1.6rem;
  }
}
.purchase .mainCon .bnrBox,
.rental .mainCon .bnrBox {
  text-align: center;
  margin-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .bnrBox,
.rental .mainCon .bnrBox {
    width: 90%;
    margin: 0 auto 50px;
  }
  .purchase .mainCon .bnrBox img,
.rental .mainCon .bnrBox img {
    width: 100%;
    height: auto;
  }
}
.purchase .mainCon .bnrBox a,
.rental .mainCon .bnrBox a {
  transition: 0.5s;
}

.purchase .mainCon .bnrBox a:focus,
.purchase .mainCon .bnrBox a:hover,
.rental .mainCon .bnrBox a:focus,
.rental .mainCon .bnrBox a:hover {
  transition: 0.3 s;
  opacity: 0.5;
}

.purchase .mainCon .blogBox,
.rental .mainCon .blogBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
}

.purchase .mainCon .blogBox .blogList,
.rental .mainCon .blogBox .blogList {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .blogBox .blogList,
.rental .mainCon .blogBox .blogList {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.purchase .mainCon .blogBox .blogList .imgBox,
.rental .mainCon .blogBox .blogList .imgBox {
  width: 28%;
  position: relative;
}

.purchase .mainCon .blogBox .blogList .imgBox .thumbnail,
.rental .mainCon .blogBox .blogList .imgBox .thumbnail {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.purchase .mainCon .blogBox .blogList .imgBox img,
.rental .mainCon .blogBox .blogList .imgBox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.purchase .mainCon .blogBox .blogList .txtBox,
.rental .mainCon .blogBox .blogList .txtBox {
  width: 70%;
}

.purchase .mainCon .blogBox .blogList .txtBox .date,
.rental .mainCon .blogBox .blogList .txtBox .date {
  font-size: 1.2rem;
}

.purchase .mainCon .blogBox .blogList .txtBox h5,
.rental .mainCon .blogBox .blogList .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
  font-weight: 700;
}

.purchase .mainCon .blogBox .blogList .txtBox h5 a,
.rental .mainCon .blogBox .blogList .txtBox h5 a {
  font-weight: 700;
}

.purchase .mainCon .blogBox .blogList .txtBox p,
.rental .mainCon .blogBox .blogList .txtBox p {
  color: #595454;
  font-size: 1.4rem;
  overflow: hidden;
  height: 64px;
}

.purchase .mainCon .blogBox .btn,
.rental .mainCon .blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .blogBox .btn,
.rental .mainCon .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.purchase .mainCon .blogBox .btn p,
.rental .mainCon .blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .purchase .mainCon .blogBox .btn p,
.rental .mainCon .blogBox .btn p {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .purchase .mainCon .inrBox,
.rental .mainCon .inrBox {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.studio .mainCon h4 {
  font-size: 2.1rem;
  margin-top: 10px;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .studio .mainCon h4 {
    font-size: 2.1rem;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 821px) {
  .studio .mainCon .jpnTtl {
    position: absolute;
    top: 9px;
  }
}
@media screen and (max-width: 370px) {
  .studio .mainCon .ttlBg-back {
    top: 160px;
  }
}
.studio .mainCon .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 {
    padding-bottom: 30px;
  }
}
.studio .mainCon .conBox02 {
  padding-bottom: 100px;
  background-color: #e7e7e7;
}

.studio .mainCon .conBox01 .inrBox01 {
  padding-bottom: 0px !important;
}

.studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox {
  width: 49%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox {
    width: 100%;
  }
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox img,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox img {
    width: 100%;
    height: auto;
  }
}
.studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox h5,
.studio .mainCon .conBox01 .inrBox01 .twoColumn .rightBox h5 {
  font-size: 1.8rem;
  font-weight: 700;
}

.studio .mainCon .conBox01 .inrBox01 .twoColumn .txtBox {
  padding: 30px 15px;
  width: 92%;
  box-sizing: border-box;
  /* position: relative; */
  /* top: -100px;
  left: 4%;
  right: 4%; */
  background: rgba(255, 255, 255, 0.9);
  /* background: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.9)));
  background: linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,.9)); */
  border-radius: 20px;
  height: 100%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .txtBox {
    top: -30px;
    width: 100%;
  }
  .studio .mainCon .conBox01 .inrBox01 .twoColumn .txtBox h4 {
    font-size: 1.8rem;
  }
}
.studio .mainCon .conBox01 .inrBox01 .twoColumn .leftBox {
  margin-right: 2%;
}

.studio .mainCon .conBox01 .inrBox02 {
  padding-top: 0px !important;
}

.studio .mainCon .conBox01 .inrBox02 .threeColumn {
  width: 1000px;
  margin: 0 auto 20px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn {
    width: 100%;
  }
}
.studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox {
  width: 30%;
  float: left;
  margin-left: 3%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox {
    width: 48%;
    margin-left: 0;
    margin-bottom: 2%;
  }
}
.studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox:nth-of-type(1) {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .studio .mainCon .conBox01 .inrBox02 .threeColumn .imgBox:nth-of-type(3) {
    margin-left: 2%;
  }
}
.studio .mainCon .conBox02 .imgBox {
  width: 100%;
  height: 250px;
  background: #b1a28c;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .imgBox {
    height: auto;
  }
}
.studio .mainCon .conBox02 .imgBox img {
  width: 100%;
  height: auto;
}

.studio .mainCon .conBox02 .txtBox {
  margin-bottom: 20px;
}

.studio .mainCon .conBox02 .box {
  width: 49%;
  float: left;
  margin-bottom: 5%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .box {
    width: 100%;
    float: none;
    margin-bottom: 50px;
  }
}
.studio .mainCon .conBox02 .box .readTxt {
  margin-bottom: 45px;
}

.studio .mainCon .conBox02 .box:nth-child(2),
.studio .mainCon .conBox02 .box:nth-child(4) {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .box:nth-child(2),
.studio .mainCon .conBox02 .box:nth-child(4) {
    margin-left: 0;
  }
}
.studio .mainCon .conBox02 .box:nth-child(2) .readTxt,
.studio .mainCon .conBox02 .box:nth-child(4) .readTxt {
  margin-bottom: 21px;
}

.studio .mainCon .conBox02 .tel a {
  position: relative;
}

.studio .mainCon .conBox02 .tel a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .studio .mainCon .conBox02 .tel a:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.studio .mainCon .conBox02 .tel a {
  color: #595454;
  transition: 0.5s;
}

.studio .mainCon .conBox02 .tel a:focus,
.studio .mainCon .conBox02 .tel a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.reservelp .leadTxt,
.request .leadTxt,
.reserve .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 700;
  text-align: left;
  margin-bottom: 25px;
}

.reservelp .input:-ms-input-placeholder,
.request .input:-ms-input-placeholder,
.reserve .input:-ms-input-placeholder {
  color: #afafaf !important;
}

.reserve .input::-moz-placeholder, .request .input::-moz-placeholder, .reserve .input::-moz-placeholder,
.reservelp .input::-moz-placeholder, .request .input::-moz-placeholder, .reserve .input::-moz-placeholder {
  color: #afafaf !important;
}

.reserve .input:-ms-input-placeholder, .request .input:-ms-input-placeholder, .reserve .input:-ms-input-placeholder,
.reservelp .input:-ms-input-placeholder, .request .input:-ms-input-placeholder, .reserve .input:-ms-input-placeholder {
  color: #afafaf !important;
}

.reservelp .input::placeholder,
.request .input::placeholder,
.reserve .input::placeholder {
  color: #afafaf !important;
}

.reservelp .conBox01,
.request .conBox01,
.reserve .conBox01 {
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-bottom: 100px;
}

.reservelp dl dt,
.request dl dt,
.reserve dl dt {
  font-size: 1.8rem;
  padding: 20px 10px 20px 65px;
  float: left;
  width: 30%;
  text-align: left;
  box-sizing: border-box;
  height: 68px;
  /*border-bottom: 1px solid #ddd;*/
  /*border-right: 1px solid #ddd;*/
  position: relative;
}

.reserve dl dt.yourCalendarWrappDt,
.reservelp dl dt.yourCalendarWrappDt {
  height: 110px;
}

.reserve dl dt.yourCalendarWrappDt {
  height: 110px;
}

@media screen and (max-width: 821px) {
.reserve dl dt.yourCalendarWrappDt,
.reservelp dl dt.yourCalendarWrappDt {
    height: 310px;
  }
  .reserve dl dt.yourCalendarWrappDt {
    height: 300px;
  }
}
.reservelp dl dt .tyushaku,
.request dl dt .tyushaku,
.reserve dl dt .tyushaku {
  display: block;
  font-size: 1.2rem;
  position: relative;
  top: -8px;
  text-align: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl dt .tyushaku,
.request dl dt .tyushaku,
.reserve dl dt .tyushaku {
    left: 108%;
    position: absolute;
    width: 135px;
    top: auto;
    bottom: 0;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl dt,
.request dl dt,
.reserve dl dt {
    height: 93px;
    padding: 20px 0;
    font-size: 1.4rem;
    letter-spacing: normal;
    width: 37%;
    text-align: center;
  }
}
.reservelp dl dd,
.request dl dd,
.reserve dl dd {
  float: left;
  width: 70%;
  padding: 8px 15px 14px;
  box-sizing: border-box;
  height: 68px;
  /*border-bottom: 1px solid #ddd;*/
  border-top: 1px solid #ddd;
  position: relative;
}

.reserve dl dd.yourCalendarWrappDd
.reservelp dl dd.yourCalendarWrappDd {
  height: 160px;
}

.reserve dl dd.yourCalendarWrappDd .error,
.reservelp dl dd.yourCalendarWrappDd .error {
  bottom: 35%;
}

.reserve dl dd.yourCalendarWrappDd span,
.reservelp dl dd.yourCalendarWrappDd span {
  float: initial;
}

.reserve dl dd.yourCalendarWrappDd {
  height: 160px;
}

.reserve dl dd.yourCalendarWrappDd .error {
  bottom: 56%;
}

.reserve dl dd.yourCalendarWrappDd span {
  float: initial;
}

@media screen and (max-width: 821px) {
.reserve dl dd.yourCalendarWrappDd,
.reservelp dl dd.yourCalendarWrappDd {
    height: 310px;
  }
  .reserve dl dd.yourCalendarWrappDd {
    height: 300px;
  }
}
.reserve dl dd.yourCalendarWrappDd span.shinjuku-open-info,
.reservelp dl dd.yourCalendarWrappDd span.shinjuku-open-info {
  font-size: 12px;
  color: #ff7e71;
  position: absolute;
  left: 14px;
  top: 65px;
}

.reserve dl dd.yourCalendarWrappDd span.shinjuku-open-info .aoyama_non,
.reservelp dl dd.yourCalendarWrappDd span.shinjuku-open-info .aoyama_non{
  color: #ff7e71;
}

.reserve dl dd.yourCalendarWrappDd span.shinjuku-open-info {
  font-size: 12px;
  color: #ff7e71;
  position: absolute;
  left: 14px;
  top: 65px;
}

@media screen and (max-width: 821px) {
.reserve dl dd.yourCalendarWrappDd .error,
.reservelp dl dd.yourCalendarWrappDd .error {
    bottom: 52%;
  }
  .reserve dl dd.yourCalendarWrappDd span.shinjuku-open-info,
  .reservelp dl dd.yourCalendarWrappDd span.shinjuku-open-info {
    top: 102px;
  }
  .reserve dl dd.yourCalendarWrappDd .error {
    bottom: 70%;
  }
  .reserve dl dd.yourCalendarWrappDd span.shinjuku-open-info {
    top: 90px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl dd,
.request dl dd,
.reserve dl dd {
    height: 93px;
    width: 63%;
  }
  .reserve dl dd.your-birthday-01Dd,
  .reservelp dl dd.your-birthday-01Dd {
    display: flex;
  }
}
.reservelp dl dd input,
.request dl dd input,
.reserve dl dd input {
  /*     width: 100%; */
  border: 1px solid #9c9c9c;
  box-sizing: border-box;
  padding: 5px;
}

.reservelp dl dd input.radio,
.reserve dl dd input.radio,
.request dl dd input.radio {
  width: auto;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd input,
.request dl dd input,
.reserve dl dd input {
    height: 100%;
  }
}
.reservelp dl dd .wpcf7-radio label,
.request dl dd .wpcf7-radio label,
.reserve dl dd .wpcf7-radio label {
  position: relative;
  margin-right: 10px;
}

.reservelp dl dd .wpcf7-radio .wpcf7-list-item-label,
.request dl dd .wpcf7-radio .wpcf7-list-item-label,
.reserve dl dd .wpcf7-radio .wpcf7-list-item-label {
  padding-left: 20px;
}

.reservelp dl dd .wpcf7-radio input,
.request dl dd .wpcf7-radio input,
.reserve dl dd .wpcf7-radio input {
  width: auto;
  position: absolute;
  left: 0;
  top: 3px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .wpcf7-radio input,
.request dl dd .wpcf7-radio input,
.reserve dl dd .wpcf7-radio input {
    height: auto;
  }
}
.reservelp dl dd textarea,
.request dl dd textarea,
.reserve dl dd textarea {
  width: 100%;
  resize: none;
  box-sizing: border-box;
  padding: 5px;
}

.reservelp dl dd .wpcf7-form-control-wrap,
.request dl dd .wpcf7-form-control-wrap,
.reserve dl dd .wpcf7-form-control-wrap {
  position: relative;
  top: 0px;
}

.reservelp dl dd .wpcf7-not-valid-tip,
.request dl dd .wpcf7-not-valid-tip,
.reserve dl dd .wpcf7-not-valid-tip {
  position: absolute;
  top: 29px;
  left: 0;
  padding: 5px;
  box-sizing: content-box;
  height: 100%;
  display: block;
  line-height: 1;
  pointer-events: none;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .wpcf7-not-valid-tip,
.request dl dd .wpcf7-not-valid-tip,
.reserve dl dd .wpcf7-not-valid-tip {
    top: 0;
    font-size: 1.2rem;
    line-height: 1;
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 813px) {
  .reservelp dl dd .your-calendar,
.request dl dd .your-calendar,
.reserve dl dd .your-calendar {
    position: relative;
  }
  .reservelp dl dd .your-calendar .wpcf7-not-valid-tip,
.request dl dd .your-calendar .wpcf7-not-valid-tip,
.reserve dl dd .your-calendar .wpcf7-not-valid-tip {
    top: -9px;
    left: 150px;
    width: 100%;
  }
}
.reservelp dl dd .your-birthday-01,
.reservelp dl dd .your-birthday-02,
.reservelp dl dd .your-birthday-03,
.request dl dd .your-birthday-01,
.request dl dd .your-birthday-02,
.request dl dd .your-birthday-03,
.reserve dl dd .your-birthday-01,
.reserve dl dd .your-birthday-02,
.reserve dl dd .your-birthday-03 {
  display: block;
  float: left;
  position: static;
}

.reservelp dl dd .your-birthday-01 input,
.reservelp dl dd .your-birthday-02 input,
.reservelp dl dd .your-birthday-03 input,
.request dl dd .your-birthday-01 input,
.request dl dd .your-birthday-02 input,
.request dl dd .your-birthday-03 input,
.reserve dl dd .your-birthday-01 input,
.reserve dl dd .your-birthday-02 input,
.reserve dl dd .your-birthday-03 input {
  text-align: right;
}

.reservelp dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-03 .wpcf7-not-valid-tip {
  position: absolute;
  left: 17px;
  top: auto;
  bottom: -59px;
  width: 100%;
  pointer-events: none;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reservelp dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.request dl dd .your-birthday-03 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-01 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-02 .wpcf7-not-valid-tip,
.reserve dl dd .your-birthday-03 .wpcf7-not-valid-tip {
    top: 0;
    left: 0;
  }
}
.reservelp dl dd .your-birthday-01,
.request dl dd .your-birthday-01,
.reserve dl dd .your-birthday-01 {
  width: 60px;
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-01,
.request dl dd .your-birthday-01,
.reserve dl dd .your-birthday-01 {
    width: 45px;
    text-align: center;
  }
}
.reservelp dl dd .your-birthday-02,
.request dl dd .your-birthday-02,
.reserve dl dd .your-birthday-02 {
  width: 45px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-02,
.request dl dd .your-birthday-02,
.reserve dl dd .your-birthday-02 {
    width: 25px;
    text-align: center;
  }
}
.reservelp dl dd .your-birthday-03,
.request dl dd .your-birthday-03,
.reserve dl dd .your-birthday-03 {
  width: 45px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd .your-birthday-03,
.request dl dd .your-birthday-03,
.reserve dl dd .your-birthday-03 {
    width: 25px;
    text-align: center;
  }
}
.reservelp dl dd .your-contents,
.request dl dd .your-contents,
.reserve dl dd .your-contents {
  top: 0;
}

.reservelp dl dd .unitFont,
.request dl dd .unitFont,
.reserve dl dd .unitFont {
  margin-left: 5px;
  position: relative;
  top: 8px;
  float: left;
}

.reservelp dl dd #your-address01,
.request dl dd #your-address01,
.reserve dl dd #your-address01 {
  width: 20%;
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd #your-address01,
.request dl dd #your-address01,
.reserve dl dd #your-address01 {
    width: 100%;
    float: none;
    margin-bottom: 2%;
    height: auto;
  }
}
.reservelp dl dd #your-address02,
.request dl dd #your-address02,
.reserve dl dd #your-address02 {
  width: 77%;
  margin-left: 3%;
}

@media screen and (max-width: 821px) {
  .reservelp dl dd #your-address02,
.request dl dd #your-address02,
.reserve dl dd #your-address02 {
    width: 100%;
    margin-left: 0;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl dd .unitFont,
.request dl dd .unitFont,
.reserve dl dd .unitFont {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .wpcf7-not-valid-tip,
.request dl .wpcf7-not-valid-tip,
.reserve dl .wpcf7-not-valid-tip {
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd,
.reservelp dl .yourCalendarWrappDt,
.request dl .yourCalendarWrappDd,
.request dl .yourCalendarWrappDt,
.reserve dl .yourCalendarWrappDd,
.reserve dl .yourCalendarWrappDt {
    height: 115px;
  }
}
.reservelp dl .yourCalendarWrappDd .your-calendar input,
.reservelp dl .yourCalendarWrappDt .your-calendar input,
.request dl .yourCalendarWrappDd .your-calendar input,
.request dl .yourCalendarWrappDt .your-calendar input,
.reserve dl .yourCalendarWrappDd .your-calendar input,
.reserve dl .yourCalendarWrappDt .your-calendar input {
  float: left;
  margin-right: 15px;
  width: auto;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .your-calendar input,
.reservelp dl .yourCalendarWrappDt .your-calendar input,
.request dl .yourCalendarWrappDd .your-calendar input,
.request dl .yourCalendarWrappDt .your-calendar input,
.reserve dl .yourCalendarWrappDd .your-calendar input,
.reserve dl .yourCalendarWrappDt .your-calendar input {
    float: none;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .your-calendar input,
.reservelp dl .yourCalendarWrappDt .your-calendar input,
.request dl .yourCalendarWrappDd .your-calendar input,
.request dl .yourCalendarWrappDt .your-calendar input,
.reserve dl .yourCalendarWrappDd .your-calendar input,
.reserve dl .yourCalendarWrappDt .your-calendar input {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
}
.reservelp dl .yourCalendarWrappDd .time,
.reservelp dl .yourCalendarWrappDt .time,
.request dl .yourCalendarWrappDd .time,
.request dl .yourCalendarWrappDt .time,
.reserve dl .yourCalendarWrappDd .time,
.reserve dl .yourCalendarWrappDt .time {
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .time,
.reservelp dl .yourCalendarWrappDt .time,
.request dl .yourCalendarWrappDd .time,
.request dl .yourCalendarWrappDt .time,
.reserve dl .yourCalendarWrappDd .time,
.reserve dl .yourCalendarWrappDt .time {
    margin-top: 10px;
  }
}
.reservelp dl .yourCalendarWrappDd .time .dropDownTime,
.reservelp dl .yourCalendarWrappDt .time .dropDownTime,
.request dl .yourCalendarWrappDd .time .dropDownTime,
.request dl .yourCalendarWrappDt .time .dropDownTime,
.reserve dl .yourCalendarWrappDd .time .dropDownTime,
.reserve dl .yourCalendarWrappDt .time .dropDownTime {
  height: 38px;
  border-radius: 0;
  border: 1px solid #9c9c9c;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .unitFont,
.reservelp dl .yourCalendarWrappDt .unitFont,
.request dl .yourCalendarWrappDd .unitFont,
.request dl .yourCalendarWrappDt .unitFont,
.reserve dl .yourCalendarWrappDd .unitFont,
.reserve dl .yourCalendarWrappDt .unitFont {
    height: 38px;
    line-height: 38px;
    margin-top: 10px;
    top: 0;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDt,
.request dl .yourCalendarWrappDt,
.reserve dl .yourCalendarWrappDt {
    height: 135px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd,
.request dl .yourCalendarWrappDd,
.reserve dl .yourCalendarWrappDd {
    padding: 25px 15px 23px;
    height: 135px;
  }
}
.reservelp dl .yourCalendarWrappDd .your-calendar,
.request dl .yourCalendarWrappDd .your-calendar,
.reserve dl .yourCalendarWrappDd .your-calendar {
  position: static !important;
}

.reservelp dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.request dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.reserve dl .yourCalendarWrappDd .wpcf7-not-valid-tip {
  width: 812px !important;
  width: 100vw !important;
  left: 16px !important;
  top: 50px !important;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.request dl .yourCalendarWrappDd .wpcf7-not-valid-tip,
.reserve dl .yourCalendarWrappDd .wpcf7-not-valid-tip {
    top: 3px !important;
    bottom: auto;
  }
}
.reservelp dl .shopSelectWrappDd,
.request dl .shopSelectWrappDd,
.reserve dl .shopSelectWrappDd {
  padding: 10px 0 0;
}

.reservelp dl .shopSelectWrappDd .shopselect,
.request dl .shopSelectWrappDd .shopselect,
.reserve dl .shopSelectWrappDd .shopselect {
  position: relative;
  top: -10px;
}

.reservelp dl .shopSelectWrappDd .shopselect input,
.request dl .shopSelectWrappDd .shopselect input,
.reserve dl .shopSelectWrappDd .shopselect input {
  width: auto;
}

.reservelp dl .shopSelectWrappDd .shopselect .wpcf7-list-item,
.request dl .shopSelectWrappDd .shopselect .wpcf7-list-item,
.reserve dl .shopSelectWrappDd .shopselect .wpcf7-list-item {
  display: inline-block;
  margin-right: 10px;
  height: 17px;
}

.reservelp dl .shopSelectWrappDd .shopselect .wpcf7-list-item-label,
.request dl .shopSelectWrappDd .shopselect .wpcf7-list-item-label,
.reserve dl .shopSelectWrappDd .shopselect .wpcf7-list-item-label {
  position: relative;
}

.reservelp dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.request dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.reserve dl .shopSelectWrappDd .wpcf7-not-valid-tip {
  width: 812px !important;
  width: 100vw !important;
  right: 0 !important;
  top: 30px !important;
  left: 100%;
  float: right;
}

@media screen and (max-width: 821px) {
  .reservelp dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.request dl .shopSelectWrappDd .wpcf7-not-valid-tip,
.reserve dl .shopSelectWrappDd .wpcf7-not-valid-tip {
    left: 15px;
    top: 98% !important;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .shopSelectWrappDd,
.reservelp dl .shopSelectWrappDt,
.request dl .shopSelectWrappDd,
.request dl .shopSelectWrappDt,
.reserve dl .shopSelectWrappDd,
.reserve dl .shopSelectWrappDt {
    height: 206px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .your-mailDd,
.reservelp dl .your-name01Dd,
.reservelp dl .your-name02Dd,
.reservelp dl .your-telDd,
.request dl .your-mailDd,
.request dl .your-name01Dd,
.request dl .your-name02Dd,
.request dl .your-telDd,
.reserve dl .your-mailDd,
.reserve dl .your-name01Dd,
.reserve dl .your-name02Dd,
.reserve dl .your-telDd {
    padding: 30px 15px;
  }
  .reservelp dl .your-mailDd input,
.reservelp dl .your-name01Dd input,
.reservelp dl .your-name02Dd input,
.reservelp dl .your-telDd input,
.request dl .your-mailDd input,
.request dl .your-name01Dd input,
.request dl .your-name02Dd input,
.request dl .your-telDd input,
.reserve dl .your-mailDd input,
.reserve dl .your-name01Dd input,
.reserve dl .your-name02Dd input,
.reserve dl .your-telDd input {
    height: 100%;
  }
  .reservelp dl .your-mailDd .wpcf7-not-valid-tip,
.reservelp dl .your-name01Dd .wpcf7-not-valid-tip,
.reservelp dl .your-name02Dd .wpcf7-not-valid-tip,
.reservelp dl .your-telDd .wpcf7-not-valid-tip,
.request dl .your-mailDd .wpcf7-not-valid-tip,
.request dl .your-name01Dd .wpcf7-not-valid-tip,
.request dl .your-name02Dd .wpcf7-not-valid-tip,
.request dl .your-telDd .wpcf7-not-valid-tip,
.reserve dl .your-mailDd .wpcf7-not-valid-tip,
.reserve dl .your-name01Dd .wpcf7-not-valid-tip,
.reserve dl .your-name02Dd .wpcf7-not-valid-tip,
.reserve dl .your-telDd .wpcf7-not-valid-tip {
    top: -20px;
  }
  .reserve dl .your-mailDd,
.reserve dl .your-name01Dd,
.reserve dl .your-name02Dd,
.reserve dl .your-telDd
  .reservelp dl .your-mailDd,
.reservelp dl .your-name01Dd,
.reservelp dl .your-name02Dd,
.reservelp dl .your-telDd {
    padding: 20px 15px 45px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp dl .addressBoxDd,
.request dl .addressBoxDd,
.reserve dl .addressBoxDd {
    padding: 17px 15px 16px;
  }
}
.reservelp dl .your-address01,
.reservelp dl .your-address02,
.request dl .your-address01,
.request dl .your-address02,
.reserve dl .your-address01,
.reserve dl .your-address02 {
  position: static !important;
}

.reservelp dl .your-address01 .wpcf7-not-valid-tip,
.reservelp dl .your-address02 .wpcf7-not-valid-tip,
.request dl .your-address01 .wpcf7-not-valid-tip,
.request dl .your-address02 .wpcf7-not-valid-tip,
.reserve dl .your-address01 .wpcf7-not-valid-tip,
.reserve dl .your-address02 .wpcf7-not-valid-tip {
  top: 48px;
  left: 15px;
}

@media screen and (max-width: 821px) {
  .reservelp dl .your-address01 .wpcf7-not-valid-tip,
.reservelp dl .your-address02 .wpcf7-not-valid-tip,
.request dl .your-address01 .wpcf7-not-valid-tip,
.request dl .your-address02 .wpcf7-not-valid-tip,
.reserve dl .your-address01 .wpcf7-not-valid-tip,
.reserve dl .your-address02 .wpcf7-not-valid-tip {
    top: -2px;
    bottom: auto;
  }
}
.reservelp dl dt:nth-last-of-type(1),
.request dl dt:nth-last-of-type(1),
.reserve dl dt:nth-last-of-type(1) {
  height: 200px;
}

@media screen and (max-width: 821px) {
  .reservelp dl dt:nth-last-of-type(1),
.request dl dt:nth-last-of-type(1),
.reserve dl dt:nth-last-of-type(1) {
    height: 230px;
  }
}
.reservelp dl dd:nth-last-of-type(1),
.request dl dd:nth-last-of-type(1),
.reserve dl dd:nth-last-of-type(1) {
  height: auto;
}

@media screen and (max-width: 821px) {
  .reserve dl dd:nth-last-of-type(1) {
    height: 230px;
  }
  .reserve dl dd:nth-last-of-type(1),
  .reservelp dl dd:nth-last-of-type(1) {
    height: 230px;
  }
}
.reservelp dl .yourRequiestDd,
.reservelp dl .yourRequiestDt,
.request dl .yourRequiestDd,
.request dl .yourRequiestDt,
.reserve dl .yourRequiestDd,
.reserve dl .yourRequiestDt {
  height: 101px;
}

@media screen and (max-width: 821px) {
  .reservelp dl .yourRequiestDd,
.reservelp dl .yourRequiestDt,
.request dl .yourRequiestDd,
.request dl .yourRequiestDt,
.reserve dl .yourRequiestDd,
.reserve dl .yourRequiestDt {
    height: 265px;
  }
}
.reservelp dl .itemBoxWrappDd,
.reservelp dl .yourRequiestDd,
.request dl .itemBoxWrappDd,
.request dl .yourRequiestDd,
.reserve dl .itemBoxWrappDd,
.reserve dl .yourRequiestDd {
  padding-left: 0;
}

.reservelp dl .itemBoxWrappDd,
.request dl .itemBoxWrappDd,
.reserve dl .itemBoxWrappDd {
  padding-top: 17px;
}

.reservelp dl .yourRequiestDt,
.request dl .yourRequiestDt,
.reserve dl .yourRequiestDt {
  padding-top: 34px;
  padding-bottom: 10px;
}

.reservelp dl .yourRequiestDt span,
.request dl .yourRequiestDt span,
.reserve dl .yourRequiestDt span {
  top: 25px;
}

@media screen and (max-width: 821px) {
  .reservelp dl .addressBox,
.request dl .addressBox,
.reserve dl .addressBox {
    height: 110px;
  }
}
.reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
  font-size: 1.4rem;
  padding: 5px;
  background: #9b9f33;
  margin-left: 5px;
  border-radius: 3px;
  color: #fff;
}

@media screen and (min-width: 813px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    top: 16px;
    position: absolute;
  }
}
@media screen and (min-width: 1001px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    right: 51px;
  }
}
@media screen and (max-width: 1000px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    right: 40px;
  }
}
@media screen and (max-width: 821px) {
  .reservelp .required,
.reservelp dl dt span:not(.tyushaku),
.request .required,
.request dl dt span:not(.tyushaku),
.reserve .required,
.reserve dl dt span:not(.tyushaku) {
    width: 56%;
    margin: 5px auto 0;
    display: block;
    padding: 0;
  }
}
@media screen and (min-width: 813px) {
  .reservelp dl .yourRequiestDt span,
.request dl .yourRequiestDt span,
.reserve dl .yourRequiestDt span {
    top: 32px !important;
    position: absolute !important;
  }
}
.reservelp .yourContentsDd,
.request .yourContentsDd,
.reserve .yourContentsDd {
  padding-bottom: 19px;
  padding-top: 20px;
  padding-left: 15px;
}

@media screen and (max-width: 821px) {
  .reservelp .yourContentsDd,
.request .yourContentsDd,
.reserve .yourContentsDd {
    padding-bottom: 49px;
  }
}
.reservelp .privacyBtn,
.request .privacyBtn,
.reserve .privacyBtn {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.reservelp .submitBtn,
.request .submitBtn,
.reserve .submitBtn {
  margin: 50px auto;
}

.reservelp .submitBtn .btnWrapp,
.request .submitBtn .btnWrapp,
.reserve .submitBtn .btnWrapp {
  position: relative;
  width: 300px;
  height: 64px;
  margin: 0 auto;
}

.reservelp .submitBtn .btnWrapp input,
.request .submitBtn .btnWrapp input,
.reserve .submitBtn .btnWrapp input {
  font-size: 2rem;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1;
  border: 2px solid #9b9f33;
  position: relative;
  display: block;
  width: 300px;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 90%;
  z-index: 1;
}

.btnWrapp input.wpcf7-previous,
.btnWrapp input.wpcf7-submit {
  font-size: 2rem;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1;
  border: 2px solid #9b9f33;
  position: relative;
  display: block;
  width: 300px;
  text-align: center;
  background: url("images/icon-plus.png") no-repeat right center;
  background-size: 19px;
  background-position-x: 90%;
  z-index: 1;
}

@media screen and (max-width: 1120px) {
  .reservelp .submitBtn .btnWrapp input,
.request .submitBtn .btnWrapp input,
.reserve .submitBtn .btnWrapp input {
    width: 100%;
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .reservelp .submitBtn .btnWrapp input,
.request .submitBtn .btnWrapp input,
.reserve .submitBtn .btnWrapp input {
    font-size: 2rem;
    padding-top: 20px;
    padding-bottom: 20px;
    background-size: 13px;
    background-position-x: 95%;
    border: 1px solid #9b9f33;
  }
}
.reservelp .submitBtn .btnWrapp input:after,
.request .submitBtn .btnWrapp input:after,
.reserve .submitBtn .btnWrapp input:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(155, 159, 51, 0);
  transition: 0.5s;
  left: 0;
  top: 0;
  pointer-events: auto;
}

.reservelp .submitBtn .btnWrapp input:hover:after,
.request .submitBtn .btnWrapp input:hover:after,
.reserve .submitBtn .btnWrapp input:hover:after {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

.reservelp .submitBtn .btnWrapp input:hover:before,
.request .submitBtn .btnWrapp input:hover:before,
.reserve .submitBtn .btnWrapp input:hover:before {
  background: rgba(155, 159, 51, 0.4);
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  .reservelp .submitBtn .btnWrapp input:hover p:after,
.reservelp .submitBtn .btnWrapp input:hover p:before,
.request .submitBtn .btnWrapp input:hover p:after,
.request .submitBtn .btnWrapp input:hover p:before,
.reserve .submitBtn .btnWrapp input:hover p:after,
.reserve .submitBtn .btnWrapp input:hover p:before {
    background: rgba(155, 159, 51, 0.4);
    transition: 0.3s;
  }
}
.reservelp .submitBtn .btnWrapp input:disabled,
.request .submitBtn .btnWrapp input:disabled,
.reserve .submitBtn .btnWrapp input:disabled {
  background: #ddd;
  border: 2px solid #cdcdcd;
  color: #aaa;
}

.reservelp .submitBtn .ajax-loader,
.request .submitBtn .ajax-loader,
.reserve .submitBtn .ajax-loader {
  position: absolute;
  bottom: -30px;
}

.reservelp .wpcf7-box02,
.request .wpcf7-box02,
.reserve .wpcf7-box02 {
  width: 698px;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .reservelp .wpcf7-box02,
.request .wpcf7-box02,
.reserve .wpcf7-box02 {
    width: 100%;
  }
}
@media screen and (min-width: 813px) {
  .reservelp .wpcf7-box02 .btnWrapp:nth-of-type(1),
.request .wpcf7-box02 .btnWrapp:nth-of-type(1),
.reserve .wpcf7-box02 .btnWrapp:nth-of-type(1) {
    margin-right: 30px;
  }
}
.reservelp .wpcf7-box02 .btnWrapp,
.request .wpcf7-box02 .btnWrapp,
.reserve .wpcf7-box02 .btnWrapp {
  float: left;
}

@media screen and (max-width: 821px) {
  .reservelp .wpcf7-box02 .btnWrapp,
.request .wpcf7-box02 .btnWrapp,
.reserve .wpcf7-box02 .btnWrapp {
    margin: 0 auto 15px;
    float: none;
  }
}
.reservelp .wpcf7-box02 .btnWrapp input,
.request .wpcf7-box02 .btnWrapp input,
.reserve .wpcf7-box02 .btnWrapp input {
  float: left;
}

.reservelp .privacyBtn,
.request .privacyBtn,
.reserve .privacyBtn {
  position: relative;
}

.reservelp .privacyBtn a,
.request .privacyBtn a,
.reserve .privacyBtn a {
  position: relative;
}

.reservelp .privacyBtn a:after,
.request .privacyBtn a:after,
.reserve .privacyBtn a:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .reservelp .privacyBtn a:after,
.request .privacyBtn a:after,
.reserve .privacyBtn a:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.reservelp .privacyBtn a,
.request .privacyBtn a,
.reserve .privacyBtn a {
  color: #595454;
  transition: 0.5s;
}

.reservelp .privacyBtn a:focus,
.reservelp .privacyBtn a:hover,
.request .privacyBtn a:focus,
.request .privacyBtn a:hover,
.reserve .privacyBtn a:focus,
.reserve .privacyBtn a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.reservelp .privacyBtn .wpcf7-list-item,
.request .privacyBtn .wpcf7-list-item,
.reserve .privacyBtn .wpcf7-list-item {
  margin-right: 5px;
}

.reservelp .privacyPolicy,
.request .privacyPolicy,
.reserve .privacyPolicy {
  padding: 50px;
  height: 250px;
  overflow-y: scroll;
  margin: 30px auto 15px;
  border: 1px solid #ddd;
  background: #fff;
}

@media screen and (max-width: 1220px) {
  .reservelp .privacyPolicy,
.request .privacyPolicy,
.reserve .privacyPolicy {
    padding: 15px;
    height: 300px;
    width: 90%;
    margin: 30px auto 15px;
    font-size: 16px;
  }
}
.reservelp .privacyPolicy h4,
.request .privacyPolicy h4,
.reserve .privacyPolicy h4 {
  font-weight: 700;
  text-align: center;
  margin-bottom: 20px;
  display: block;
}

.reservelp .privacyPolicy .middleBox,
.request .privacyPolicy .middleBox,
.reserve .privacyPolicy .middleBox {
  margin-bottom: 40px;
}

.reservelp_test .privacyPolicy .smallBox:not(.smallBox03),
.reservelp .privacyPolicy .smallBox:not(.smallBox03),
.request .privacyPolicy .smallBox:not(.smallBox03),
.reserve .privacyPolicy .smallBox:not(.smallBox03) {
  margin-bottom: 30px;
}

.reservelp_test .privacyPolicy .smallBox h5,
.reservelp .privacyPolicy .smallBox h5,
.request .privacyPolicy .smallBox h5,
.reserve .privacyPolicy .smallBox h5 {
  font-weight: 700;
  margin-bottom: 15px;
}

.request .conBox01 .inrBox01 dl .yourRequiestDt {
  padding-top: 20px;
  padding-bottom: 10px;
}

@media screen and (min-width: 813px) {
  .request .shopSelectWrappDt {
    padding-top: 0;
  }
}
.oneColumnStyle,
.twoColumnStyle {
  width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 1100px) {
  .twoColumnStyle {
    width: 90%;
    margin: 0 auto;
  }
}
.twoColumnStyle .inrBox01 {
  width: 75%;
  float: left;
}

@media screen and (max-width: 821px) {
  .twoColumnStyle .inrBox01 {
    width: 100%;
    float: none;
  }
}
.twoColumnStyle .sideBar {
  width: 20%;
  float: right;
  margin-bottom: 50px;
}

@media screen and (max-width: 821px) {
  .twoColumnStyle .sideBar {
    width: 100%;
    float: none;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1100px) {
  .oneColumnStyle {
    width: 90%;
    margin: 0 auto;
  }
}
.oneColumnStyle .inrBox01 {
  width: 100%;
}

@media screen and (max-width: 821px) {
  .oneColumnStyle .inrBox01 {
    width: 100%;
  }
}
.sideBar {
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .sideBar {
    margin: 25px auto;
  }
}
.sideBar h4 {
  font-size: 1.7rem;
  background: #3f3f3f;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

.sideBar li {
  overflow: hidden;
  padding: 10px 7px;
  box-sizing: content-box;
  border: 1px solid #3f3f3f;
  border-top: none;
}

.sideBar li h5 {
  font-size: 1.4rem;
  height: 19px;
  overflow: hidden;
}

.sideBar li .date {
  font-size: 1.2rem;
  color: #b5b5b5;
  display: block;
}

.sideBar .sideBox {
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .sideBar .sideBox {
    width: 95%;
    margin: 0 auto 30px;
  }
}
.sideBar .sideBox01 li {
  height: 34px;
}

.sideBar .sideBox02 li {
  height: 23px;
}

.photo .mainCon .optionBox h4,
.photo .mainCon .priceBox h4,
.photo .mainCon .reasonBox h4,
.photo .mainCon .recommendBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox h4,
.photo .mainCon .priceBox h4,
.photo .mainCon .reasonBox h4,
.photo .mainCon .recommendBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .optionBox h4 span,
.photo .mainCon .priceBox h4 span,
.photo .mainCon .reasonBox h4 span,
.photo .mainCon .recommendBox h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .optionBox h4 .font-eng02,
.photo .mainCon .priceBox h4 .font-eng02,
.photo .mainCon .reasonBox h4 .font-eng02,
.photo .mainCon .recommendBox h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.photo .mainCon .optionBox h4 .font-eng02:first-letter,
.photo .mainCon .priceBox h4 .font-eng02:first-letter,
.photo .mainCon .reasonBox h4 .font-eng02:first-letter,
.photo .mainCon .recommendBox h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.photo .mainCon .optionBox h4 .font-eng02:nth-of-type(2),
.photo .mainCon .priceBox h4 .font-eng02:nth-of-type(2),
.photo .mainCon .reasonBox h4 .font-eng02:nth-of-type(2),
.photo .mainCon .recommendBox h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox h4 .font-eng02,
.photo .mainCon .priceBox h4 .font-eng02,
.photo .mainCon .reasonBox h4 .font-eng02,
.photo .mainCon .recommendBox h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .photo .mainCon .optionBox h4 .font-eng02:first-letter,
.photo .mainCon .priceBox h4 .font-eng02:first-letter,
.photo .mainCon .reasonBox h4 .font-eng02:first-letter,
.photo .mainCon .recommendBox h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.photo .mainCon .mainTtl {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .mainTtl {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .mainTtl span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .mainTtl .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.photo .mainCon .mainTtl .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.photo .mainCon .mainTtl .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .mainTtl .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .photo .mainCon .mainTtl .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
/*.photo .mainCon .conBox01 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.photo .mainCon .recommendBox {
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox {
    float: none;
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp {
  margin-top: 40px;
  margin-bottom: 50px;
  width: 655px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp {
    width: 100%;
    float: none;
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp .circleBox {
  border-radius: 95px;
  background: #1a1a3c;
  height: 170px;
  width: 170px;
  float: left;
  margin-right: 70px;
  margin-bottom: 20px;
  position: relative;
  box-sizing: content-box;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox {
    padding: 10px;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox {
    width: 47%;
    height: 47%;
    padding-top: 47%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
}
@media screen and (min-width: 813px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox:nth-of-type(3n) {
    margin-left: 133px;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox:nth-of-type(2n) {
    margin-left: 3%;
    margin-right: 0;
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp .circleBox:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 3px;
  top: 3px;
  height: 182px;
  width: 182px;
  border-radius: 95px;
  border: 1px solid #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox:before {
    width: 94%;
    height: 94%;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr {
  font-size: 1.4rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr * {
  color: #fff;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr {
    width: 94%;
    left: 50%;
    top: 50%;
    position: absolute;
    border-radius: 100%;
    transform: translateX(-50%) translateY(-50%);
  }
  .photo .mainCon .recommendBox .circleBoxWrapp .circleBox .circleBoxinr * {
    font-size: 1.1rem;
    line-height: 1;
  }
}
.photo .mainCon .recommendBox .imgBox {
  position: relative;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .imgBox {
    width: 90%;
    margin: 0 auto;
    float: none;
  }
  .photo .mainCon .recommendBox .imgBox img {
    width: 100%;
    height: auto;
  }
}
.photo .mainCon .recommendBox .imgBox img {
  position: relative;
  z-index: 1;
}

.photo .mainCon .recommendBox .imgBox:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 7px;
  left: -15px;
  bottom: -15px;
  z-index: 0;
  background: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .btn {
    margin-bottom: 0;
  }
  .photo .mainCon .recommendBox .btn,
.photo .mainCon .recommendBox .btn:after,
.photo .mainCon .recommendBox .btn:before {
    width: 100%;
  }
  .photo .mainCon .recommendBox .btn:after,
.photo .mainCon .recommendBox .btn:before {
    height: 100%;
  }
}
.photo .mainCon .recommendBox .btn {
  width: 30%;
  margin: 50px auto;
}

.photo .mainCon .recommendBox .btn p {
  width: 100%;
  background-position-x: 90%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .btn p {
    background-position-x: 95%;
  }
}
.photo .mainCon .recommendBox .btn:before {
  width: 100%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .recommendBox .btn {
    width: 80%;
    margin: 50px auto;
  }
}
.photo .mainCon .reasonBox {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

.photo .mainCon .reasonBox .threeColumn .centerBox,
.photo .mainCon .reasonBox .threeColumn .leftBox,
.photo .mainCon .reasonBox .threeColumn .rightBox {
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .reasonBox .threeColumn .centerBox,
.photo .mainCon .reasonBox .threeColumn .leftBox,
.photo .mainCon .reasonBox .threeColumn .rightBox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
.photo .mainCon .reasonBox .threeColumn .engWrapp {
  margin-bottom: 0;
}

.photo .mainCon .reasonBox .threeColumn .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .reasonBox .threeColumn .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.photo .mainCon .reasonBox .threeColumn .font-eng02:first-letter,
.photo .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.photo .mainCon .reasonBox .threeColumn .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.photo .mainCon .reasonBox .threeColumn .centerBox {
  margin-left: 2%;
  margin-right: 2%;
}

.photo .mainCon .reasonBox .threeColumn .imgBox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .reasonBox .threeColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
.photo .mainCon .reasonBox .threeColumn .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
}

.photo .mainCon .reasonBox .threeColumn .txtBox p {
  color: #595454;
}

.photo .mainCon .priceBox {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox {
    padding-top: 110px !important;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea {
  margin-top: -70px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea {
    margin-top: -50px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop {
  width: 100%;
  padding-left: 200px;
  padding-right: 200px;
  box-sizing: border-box;
  padding-bottom: 80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox {
  float: left;
  width: 22%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox:nth-of-type(2),
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox:nth-of-type(3),
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox:nth-of-type(4) {
  margin-left: 4%;
  margin-bottom: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox {
    width: 46%;
    margin-left: 4%;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox .imgBox {
  width: 100%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox .imgBox img {
  width: 100%;
  height: auto;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxTop .listBox .txtBox {
  text-align: center;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #1a1a3c;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p {
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p {
    font-size: 2.2rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .bigFont {
  font-size: 4.2rem;
  color: #fff;
  margin-left: 5px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .bigFont {
    font-size: 4rem;
    color: #fff;
    margin-left: 5px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .unitFont {
  color: #fff;
  font-size: 3rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .unitFont {
    font-size: 1.4rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .taxFont {
  color: #fff;
  margin-left: 5px;
  font-size: 2.4rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .centerCatch p .taxFont {
    font-size: 1.4rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom {
  padding-top: 80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom {
    padding-top: 40px;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom h4 {
  margin-bottom: 50px;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox {
  width: 44%;
  margin-left: 4%;
  border: 1px solid #595454;
  float: left;
  margin-bottom: 4%;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox {
    width: 90%;
    margin: 0 auto 4%;
    float: none;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .imgBox {
  float: left;
  width: 28%;
  text-align: center;
  height: 90%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .imgBox img {
  width: 90%;
  height: auto;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox {
  width: 70%;
  float: right;
  margin-top: 5%;
  margin-bottom: 5%;
}

.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
    font-size: 1.2rem;
  }
}
.photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox p {
  font-size: 1.4rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .priceBox .borderBox .listBoxArea .listBoxBottom .listBoxWrapp .listBox .txtBox p {
    font-size: 1rem;
  }
}
.photo .mainCon .optionBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 100px;
}

.photo .mainCon .optionBox h4 {
  margin-bottom: 30px;
}

.photo .mainCon .optionBox .leadTxt {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 80px;
}

.photo .mainCon .optionBox .listBox:not(.bigList) {
  width: 44%;
  margin-left: 4%;
  margin-bottom: 0;
  float: left;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .optionBox .listBox:not(.bigList):nth-of-type(2n) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) {
    width: 100%;
    margin: 0 auto 30px;
  }
}
.photo .mainCon .optionBox .listBox:not(.bigList) h5 {
  font-size: 2rem;
  background: #1a1a3c;
  color: #fff;
  line-height: 50px;
  position: relative;
  left: -15px;
  top: 35px;
  z-index: 2;
  display: inline-block;
  padding-right: 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) h5 {
    font-size: 1.2rem;
    width: 95%;
    letter-spacing: normal;
    padding-right: 0;
    line-height: 40px;
  }
}
.photo .mainCon .optionBox .listBox:not(.bigList) h5 .numberFont {
  background: #fff;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.6rem;
  line-height: 30px;
  color: #1a1a3c;
  margin-right: 15px;
  display: block;
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) h5 .numberFont {
    width: 20px;
    height: 20px;
    line-height: 30px;
    font-size: 1.6rem;
    line-height: 20px;
    margin-right: 5px;
    margin-left: 5px;
  }
}
.photo .mainCon .optionBox .listBox:not(.bigList) .imgBox {
  position: relative;
}

.photo .mainCon .optionBox .listBox:not(.bigList) .imgBox img:not(.arrowInt) {
  width: 100%;
  height: auto;
}

.photo .mainCon .optionBox .listBox:not(.bigList) .imgBox .arrowInt {
  position: absolute;
  bottom: -200px;
  right: 0;
  z-index: 3;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .listBox:not(.bigList) .imgBox .arrowInt {
    bottom: -140px;
    width: 20%;
    height: 80%;
  }
}
.photo .mainCon .optionBox .bigList {
  width: 100%;
  position: relative;
  margin-top: 100px;
}

.photo .mainCon .optionBox .bigList .txtBox {
  position: absolute;
  top: 60px;
  left: 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox {
    top: 50%;
    left: -9px;
    z-index: 3;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 {
  position: relative;
  font-size: 4.1rem;
  color: #1a1a3c;
  z-index: 2;
  transform: rotate(-5deg);
  font-weight: 700;
  text-shadow: 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 {
    font-size: 2.8rem;
    left: 0;
    top: 0;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 .checkIt {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100px;
  height: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 .checkIt {
    width: 5%;
    height: 5%;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 .checkIt01 {
  transform: rotate(13deg);
  background: url("images/checkIt.png") no-repeat right center;
  top: -13px;
  right: -66px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 .checkIt01 {
    top: 50%;
    right: -10%;
    background-size: cover;
    width: 12%;
    height: 18%;
  }
}
.photo .mainCon .optionBox .bigList .txtBox h5 .checkIt02 {
  transform: rotate(-30deg);
  background: url("images/checkIt.png") no-repeat right center;
  top: -35px;
  right: -61px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .txtBox h5 .checkIt02 {
    top: 15%;
    right: -9%;
    background-size: cover;
    width: 12%;
    height: 18%;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp {
  position: relative;
}

.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 {
  position: absolute;
  top: 180px;
  right: 51px;
  transform: rotate(-5deg);
  z-index: 1;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 {
    width: 60%;
    position: absolute;
    bottom: -70px;
    top: auto;
    right: 10px;
    transform: rotate(-5deg);
    z-index: 1;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 img {
  width: 80%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox01 img {
    width: 100%;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 {
  position: absolute;
  top: -70px;
  right: 20px;
  transform: rotate(10deg);
  z-index: 2;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 {
    width: 30%;
    position: absolute;
    bottom: 50px;
    right: 0;
    top: auto;
    transform: rotate(10deg);
    z-index: 2;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 img {
  width: 80%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox02 img {
    width: 100%;
  }
}
.photo .mainCon .optionBox .bigList .imgBoxWrapp .imgBox03 img {
  width: 100%;
  height: auto;
}

.photo .mainCon .optionBox .borderBox {
  margin-top: 100px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox {
    margin-top: 150px;
  }
}
.photo .mainCon .optionBox .borderBox .borderBoxTtl {
  position: relative;
  top: -60px;
  margin-bottom: 0;
}

.photo .mainCon .optionBox .borderBox .borderBoxTtl:after,
.photo .mainCon .optionBox .borderBox .borderBoxTtl:before {
  width: 30%;
  top: 60px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .borderBoxTtl:after,
.photo .mainCon .optionBox .borderBox .borderBoxTtl:before {
    width: 7%;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .borderBoxTtl {
    margin-bottom: -68px;
  }
}
.photo .mainCon .optionBox .borderBox h4 {
  font-size: 2rem;
  margin-bottom: -40px;
  line-height: 1;
  padding-top: 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .optionBox .borderBox h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop {
  border-bottom: 1px dotted #595454;
}

.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp {
  width: 810px;
  margin: 20px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp {
    margin-top: 0;
    width: 100%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .leftBox,
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox {
  float: left;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .leftBox,
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox {
    float: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .leftBox p {
  line-height: 1;
}

.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox {
  float: left;
  text-align: center;
  margin: 0 5%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox {
    float: left;
    width: 15%;
    margin: 0 2%;
  }
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox img {
    width: 100%;
    height: auto;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox img {
  margin-top: 20px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .centerBox img {
    margin-top: 54%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .Operation {
  margin: 31px 10px;
  float: left;
  font-size: 2rem;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .Operation {
    margin: 8% 5px;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox {
  float: left;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox {
    float: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox p {
  text-align: left;
  color: #595454;
  font-size: 2.8rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox p {
    font-size: 1.6rem;
    text-align: center;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .bigFont {
  font-size: 4.2rem;
  color: #ff7e71;
  margin-left: 5px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .bigFont {
    font-size: 2.2rem;
    margin-left: 0;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .unitFont {
  color: #ff7e71;
  font-size: 3rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .unitFont {
    font-size: 1.5rem;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .taxFont {
  color: #595454;
  margin-left: 15px;
  font-size: 1.9rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .costBox .taxFont {
    font-size: 1.1rem;
    margin-left: 0;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox {
  float: left;
  border-radius: 90px;
  height: 90px;
  width: 90px;
  background: #1a1a3c;
  position: relative;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox {
    width: 18%;
    height: 18%;
    padding-top: 18%;
    margin-left: 0;
    margin-top: 4%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox:before {
  position: absolute;
  border-radius: 90px;
  left: 5px;
  top: 5px;
  border: 1px solid #fff;
  height: 80px;
  width: 80px;
}

.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox .circleInr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  line-height: 1;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .circleBox .circleInr {
    font-size: 1.1rem;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .costBox04 {
  margin-top: 11px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .costBox04 {
    margin-top: 6%;
  }
  .photo .mainCon .optionBox .borderBox .costContentsTop .inrWrapp .rightBox .costBox04 .bigFont {
    font-size: 2.6rem;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp {
  width: 965px;
  margin: 40px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp {
    margin: 20px auto;
    width: 100%;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox {
  float: left;
  margin-left: 30px;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox .inrBox {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox {
    margin-left: 0;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox p {
  display: block;
  float: left;
  font-size: 2.2rem;
  line-height: 60px;
  margin-left: 10px;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox .imgBox {
  width: 60px;
  height: 60px;
  float: left;
  background: #fff;
  border-radius: 55px;
  position: relative;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox .imgBox img {
  width: 80%;
  height: auto;
  float: left;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  left: 50%;
}

.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 {
  width: 210px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 {
    width: 80%;
    margin: 0 auto;
    float: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox {
  width: 170px;
  font-size: 2.1rem;
  background: #1a1a3c;
  height: 52px;
  line-height: 50px;
  position: relative;
  border: 1px solid #1a1a3c;
  text-align: center;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox {
    width: 100%;
    line-height: 22px;
    height: 22px;
    margin: 5px auto;
    padding: 10px 5px;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 0 27px 40px;
  border-color: transparent transparent transparent #1a1a3c;
  position: absolute;
  left: 100%;
  top: -1px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .costBox01 .inrBox::after {
    display: none;
  }
}
.photo .mainCon .optionBox .borderBox .costContentsBottom .inrWrapp .Operation {
  margin: 15px;
  float: left;
  font-size: 2rem;
  font-weight: 700;
}

.photo .mainCon .galleryBox {
  padding-top: 100px;
}

.photo .mainCon .galleryBox .maniTtl {
  margin-bottom: 80px;
}

.photo .mainCon .galleryBox .fourstyleBoxNew {
  position: relative;
  top: 40px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .galleryBox .fourstyleBoxNew {
    top: 15px;
  }
}
.photo .mainCon .albumBox {
  padding-top: 370px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox {
    width: 100%;
    padding-top: 250px !important;
  }
  .photo .mainCon .albumBox .borderBoxTtl {
    margin-bottom: -60px;
  }
}
.photo .mainCon .albumBox .contents {
  margin-top: -80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents {
    margin-top: -60px;
  }
}
.photo .mainCon .albumBox .contents .twoBox h5 {
  font-size: 2.1rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.photo .mainCon .albumBox .contents .twoBox .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.photo .mainCon .albumBox .contents .twoBox01 {
  margin-bottom: 50px;
}

.photo .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
  width: 44%;
  height: 290px;
  position: relative;
  margin-left: 4%;
  float: left;
}

.photo .mainCon .albumBox .contents .twoBox01 .albumMainimgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .albumMainimgBox {
    width: 90%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox {
  width: 44%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox {
    width: 90%;
    float: none;
    box-sizing: border-box;
    margin: 0 auto;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBox {
    width: 100%;
    margin: 0 auto;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
  position: relative;
  top: -10px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-left: 15%;
}

.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  top: 10px;
}

.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  width: 10%;
}

.photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
  width: 60%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
    width: 40%;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
    margin-bottom: 10px;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
  font-size: 2.7rem;
  color: #333;
  text-align: right;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .txtBox .cost {
    margin-bottom: 50px;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .txtBox .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
  padding-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp {
    padding: 10px;
  }
}
.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
  width: 28%;
  margin-left: 4%;
  float: left;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
  width: 47%;
  height: auto;
}

.photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
    margin: 0 auto 12%;
    width: 50%;
  }
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
    width: 60%;
    margin: 0 auto 4%;
    text-align: center;
  }
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
    width: 100%;
    height: auto;
  }
  .photo .mainCon .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
    width: 100%;
    font-size: 1.1rem;
  }
}
.photo .mainCon .albumBox .contents .twoBox02 {
  margin-bottom: 50px;
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
  width: 50%;
  position: relative;
  margin-left: 4%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox {
    width: 100%;
    margin: 0 auto 15px;
  }
}
.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox h5 {
  text-align: center;
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox {
  width: 44%;
  margin-left: 4%;
  position: relative;
  float: left;
}

.photo .mainCon .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img {
  width: 100%;
  height: auto;
}

.photo .mainCon .albumBox .contents .twoBox02 .txtBox {
  width: 38%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox .contents .twoBox02 .txtBox {
    width: 90%;
    margin: 0 auto 10px;
    float: none;
  }
}
.photo .mainCon .albumBox01 {
  padding-top: 210px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox01 {
    padding-top: 100px !important;
  }
}
.photo .mainCon .albumBox02 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox02 {
    padding-top: 50px !important;
  }
}
.photo .mainCon .albumBox03 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .albumBox03 {
    padding-top: 50px !important;
  }
}
.photo .mainCon .afterTxt {
  background-color: #ccc;
  padding-bottom: 110px;
}

.photo .mainCon .afterTxt p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #333;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .afterTxt p {
    font-size: 1.6rem;
  }
}
.photo .mainCon .flowBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

.photo .mainCon .flowBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
  .photo .mainCon .flowBox h4 span {
    font-size: 1.3rem;
    text-align: center;
    color: #595454;
  }
}
.photo .mainCon .flowBox h4 .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

.photo .mainCon .flowBox h4 .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.photo .mainCon .flowBox h4 .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox h4 .font-eng02 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .photo .mainCon .flowBox h4 .font-eng02:first-letter {
    color: #1a1a3c;
    font-size: 3.5rem;
  }
}
.photo .mainCon .flowBox .flowListBox {
  float: left;
  width: 44%;
  margin-left: 4%;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
}
.photo .mainCon .flowBox .flowListBox .imgBox {
  width: 100%;
  margin-bottom: 15px;
}

.photo .mainCon .flowBox .flowListBox .imgBox img {
  width: 100%;
  height: auto;
}

.photo .mainCon .flowBox .flowListBox:nth-of-type(2n) {
  margin-top: 80px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox:nth-of-type(2n) {
    margin-top: 0;
  }
}
.photo .mainCon .flowBox .flowListBox h5 {
  font-size: 2.8rem;
  line-height: 60px;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox h5 {
    font-size: 2.1rem;
    height: auto;
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-left: 35px;
    line-height: normal;
  }
}
.photo .mainCon .flowBox .flowListBox h5 .numberFont {
  width: 60px;
  height: 60px;
  background: #333;
  color: #fff;
  text-align: center;
  border-radius: 60px;
  line-height: 60px;
  font-size: 3.1rem;
  display: block;
  float: left;
  margin-right: 10px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox h5 .numberFont {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
  }
}
.photo .mainCon .flowBox .flowListBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .flowBox .flowListBox p {
    font-size: 1.6rem;
    line-height: 1.6;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd;
  }
}
.photo .mainCon .faqBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 0;
}

.photo .mainCon .faqBox .contents h5 {
  font-size: 2.1rem;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 15px;
}

.photo .mainCon .faqBox .faqBoxList {
  margin-bottom: 60px;
}

.photo .mainCon .faqBox .faqBoxList:nth-last-of-type(1) {
  margin-bottom: 0;
}

.photo .mainCon .faqBox .faqBoxList dl {
  margin-bottom: 30px;
  background: #333;
  padding: 15px;
  box-sizing: border-box;
}

.photo .mainCon .faqBox .faqBoxList .questionNoClick {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .faqBox .faqBoxList .questionNoClick {
    font-size: 1.6rem;
  }
  .photo .mainCon .faqBox .faqBoxList .answer {
    font-size: 1.6rem;
  }
}
.photo .mainCon .faqBox .faqBoxList .questionNoClick span:nth-child(1) {
  font-size: 1.8rem;
}

.photo .mainCon .faqBox .faqBoxList .questionNoClick span {
  color: #fff;
}

.photo .mainCon .faqBox .faqBoxList .answer span:nth-child(1) {
  font-size: 1.8rem;
}

.photo .mainCon .faqBox .faqBoxList .answer span {
  color: #fff;
}

.photo .mainCon .blogBox {
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 0;
}

.photo .mainCon .blogBox h4 {
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .blogBox h4 {
    font-size: 4rem;
  }
}
.photo .mainCon .blogBox .blogList {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 4%;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .blogBox .blogList {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.photo .mainCon .blogBox .blogList .imgBox {
  width: 28%;
  position: relative;
}

.photo .mainCon .blogBox .blogList .imgBox .thumbnail {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.photo .mainCon .blogBox .blogList .imgBox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.photo .mainCon .blogBox .blogList .txtBox {
  width: 70%;
}

.photo .mainCon .blogBox .blogList .txtBox .date {
  font-size: 1.2rem;
}

.photo .mainCon .blogBox .blogList .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
  font-weight: 700;
}

.photo .mainCon .blogBox .blogList .txtBox h5 a {
  font-weight: 700;
}

.photo .mainCon .blogBox .blogList .txtBox p {
  color: #595454;
  font-size: 1.4rem;
  overflow: hidden;
  height: 64px;
}

.photo .mainCon .blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.photo .mainCon .blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .blogBox .btn p {
    background-position-x: 90%;
  }
}
.photo .mainCon .blogBox .btn:before {
  width: 100%;
}

.photo .mainCon .twoBtnArea {
  background-color: #ccc;
  background-size: cover;
  padding-bottom: 0;
  padding-top: 0 !important;
}

.photo .mainCon .twoBtnArea .twoColumn {
  padding-top: 0 !important;
}

.photo .mainCon .contactBox .largeWrapp {
  margin-top: 140px;
  border: 1px solid #1a1a3c;
  position: relative;
  padding: 58px 54px 0;
  margin-bottom: 140px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp {
    padding: 8%;
    margin-top: 0;
    margin-bottom: 0;
    box-sizing: border-box;
  }
}
.photo .mainCon .contactBox .largeWrapp:before {
  content: "";
  border: 1px solid #1a1a3c;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  position: absolute;
  left: 6px;
  top: 6px;
  pointer-events: none;
}

.photo .mainCon .contactBox .largeWrapp .leadTxt {
  font-size: 1.7rem;
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .leadTxt {
    font-size: 1.2rem;
  }
}
.photo .mainCon .contactBox .largeWrapp .telBox {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 8px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .telBox {
    font-size: 1.6rem;
  }
}
.photo .mainCon .contactBox .largeWrapp .workTimeBox {
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .workTimeBox {
    font-size: 1.4rem;
  }
}
.photo .mainCon .contactBox .largeWrapp .raddBtn {
  border-radius: 50px;
  height: 35px;
  width: 210px;
  background: #e95768;
  transition: 0.5s;
  margin: 30px auto 50px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .contactBox .largeWrapp .raddBtn {
    width: 90%;
    margin: 30px auto 0;
  }
}
.photo .mainCon .contactBox .largeWrapp .raddBtn p {
  color: #fff;
  text-align: center;
  line-height: 35px;
}

.photo .mainCon .contactBox .largeWrapp .raddBtn:focus,
.photo .mainCon .contactBox .largeWrapp .raddBtn:hover {
  background: #1a1a3c;
  transition: 0.3s;
}

.photo .mainCon .knowledge {
  padding-top: 100px;
  padding-bottom: 100px;
}

.photo .mainCon .knowledge h4 {
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (min-width: 813px) {
  .photo .mainCon .knowledge h4 {
    font-size: 4rem;
  }
}
.photo .mainCon .knowledge * {
  padding-bottom: 0;
}

.photo .mainCon .knowledge .listConWrapp {
  width: 928px;
  margin: 0 auto 50px;
}

.photo .mainCon .knowledge .listConWrapp .listCon {
  width: 444px;
  height: 436px;
  background: url("images/knowledge-bg.png") no-repeat left top;
  float: left;
  position: relative;
  background-size: cover;
  padding: 38px 54px;
  box-sizing: border-box;
  filter: drop-shadow(1px 1px 0 rgba(230, 230, 230, 0));
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .listConWrapp .listCon {
    padding: 4%;
  }
}
.photo .mainCon .knowledge .listConWrapp .listCon:nth-child(2n) {
  margin-left: 40px;
}

.photo .mainCon .knowledge .listConWrapp .listCon .dateBox {
  float: right;
}

.photo .mainCon .knowledge .listConWrapp .listCon .dateBox p {
  color: #9b9f33;
  width: 100%;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox {
  width: 337px;
  height: 206px;
  margin: 0 auto;
  padding: 0;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 206px;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
  height: 206px;
  overflow: hidden;
  position: relative;
  display: block;
}

.photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.photo .mainCon .knowledge .listConWrapp .listCon .catBox {
  width: 100%;
  margin: 22px auto;
}

.photo .mainCon .knowledge .listConWrapp .listCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555;
}

.photo .mainCon .knowledge .listConWrapp .ttlBox {
  height: 76px;
  overflow: hidden;
  margin-left: 55px;
  margin-right: 0;
  width: 82%;
  margin-bottom: 10px;
}

.photo .mainCon .knowledge .listConWrapp .ttlBox h4 {
  color: #555;
  font-size: 1.6rem;
  line-height: 20px;
}

@media screen and (max-width: 1630px) {
  .photo .mainCon .knowledge .listConWrapp {
    width: 75%;
    margin: 0 auto;
  }
  .photo .mainCon .knowledge .listConWrapp .dateBox {
    width: 100% !important;
    text-align: right;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon {
    width: 48%;
    height: auto;
    background-size: 100% 100%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon:nth-child(2n) {
    margin-left: 4%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 206px;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
    height: 206px;
    overflow: hidden;
    position: relative;
    display: block;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .listConWrapp {
    width: 90%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .catBox {
    width: 100%;
    margin: 7px auto;
    line-height: 1;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .catBox a {
    font-size: 1rem;
    line-height: 1;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 10%;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .ttlBox h4 {
    font-size: 1rem;
    line-height: 1.2;
  }
  .photo .mainCon .knowledge .listConWrapp .listCon .dateBox .dateBoxIn p {
    font-size: 1rem;
  }
}
.photo .mainCon .knowledge .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.photo .mainCon .knowledge .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .photo .mainCon .knowledge .btn p {
    background-position-x: 90%;
  }
}
@media screen and (max-width: 821px) {
  .photo .mainCon .inrBox {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .photo .mainCon .blogBox {
    padding-top: 220px;
  }
}
/*.mamafurisode .mainCon .conBox01 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.mamafurisode .mainCon .conBox01 .benefitsBox {
  padding-top: 80px !important;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .mainCon .conBox01 .benefitsBox {
    padding-top: 40px !important;
  }
}
.mamafurisode .overviewBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox {
    padding-top: 50px;
  }
}
.mamafurisode .overviewBox .twoBox {
  width: 820px;
  margin: 0 auto 120px;
}

@media screen and (max-width: 1000px) {
  .mamafurisode .overviewBox .twoBox {
    width: 100%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox {
    margin-bottom: 0;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox {
  width: 620px;
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateY(-50%);
  padding: 50px;
  background: rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox {
    width: 100%;
    margin: 0 auto 15px;
    display: block;
    left: 0;
    top: 0;
    position: relative;
    transform: none;
    padding: 0;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox {
  border-bottom: 1px solid #ddd;
}

.mamafurisode .overviewBox .twoBox .txtBox h5 {
  color: #1a1a3c;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox h5 {
    font-size: 1.8rem;
    padding-top: 15px;
    text-align: center;
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox p {
    margin-bottom: 25px;
    font-size: 1.4rem;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .font-eng02 {
  font-size: 3.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
  margin-right: 15px;
}

.mamafurisode .overviewBox .twoBox .txtBox .font-eng02:first-letter {
  color: #1a1a3c;
  font-size: 5.6rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .font-eng02:nth-of-type(2) {
  margin-left: 15px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .font-eng02 {
    display: block;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .leadTxt {
  font-size: 1.6rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .costWrapp {
  font-size: 4.4rem;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #ff7e71;
  font-style: italic;
}

.mamafurisode .overviewBox .twoBox .txtBox .costWrapp span {
  font-size: 1.6rem;
  margin-left: 10px;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
  border: 1px solid #1a1a3c;
  background: #fff;
  position: relative;
  padding: 30px 30px 20px;
  box-sizing: content-box;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp {
    padding: 15% 3%;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
  content: "";
  width: 200px;
  height: 2px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: 30%;
  transform: translateX(-50%);
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp:before {
    width: 50%;
    left: 36%;
    height: 4px;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp h5 {
  font-weight: 700;
  position: absolute;
  top: -13px;
  left: 20%;
  color: #ff7e71;
  font-size: 1.8rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .font-eng02 {
  font-size: 2.1rem;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
  float: left;
  width: 19%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox {
    width: 48%;
    margin-bottom: 20px;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox {
  border-radius: 100px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setImgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 700;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox .setTxtBox {
    height: 35px;
  }
}
.mamafurisode .overviewBox .twoBox .txtBox .setMenuBoxWrapp .setMenuBox:not(.setMenuBox01) {
  margin-left: 1%;
}

.mamafurisode .overviewBox .twoBox .imgBoxWrapp {
  width: 400px;
  height: 570px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp {
    width: 100%;
    height: auto;
  }
}
.mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox {
  position: absolute;
  width: 370px;
}

.mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox {
    width: 100%;
    position: relative;
  }
}
@media screen and (max-width: 1220px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 140%;
    height: auto;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .overviewBox .twoBox .imgBoxWrapp .imgBox img {
    width: 100%;
    position: relative;
  }
}
.mamafurisode .costBox {
  background-color: #ccc;
  background-size: cover;
}

.mamafurisode .costBox .attention {
  color: #595454;
  font-size: 1.4rem;
  padding-top: 20px;
}

.mamafurisode .costBox .largeWrapp {
  width: 1200px;
}

@media screen and (max-width: 1200px) {
  .mamafurisode .costBox .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 1100px) {
  .mamafurisode .costBox .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .largeWrapp {
    width: 90%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .largeWrapp {
    width: 90%;
  }
}
.mamafurisode .costBox h4 {
  text-align: center;
  font-size: 4rem;
  line-height: 1.5;
  margin-bottom: 40px;
}

.mamafurisode .costBox h4 .font-eng03 {
  font-size: 3.6rem;
  display: block;
}

.mamafurisode .costBox h4 .font-eng03:first-letter {
  font-size: 4rem !important;
  color: #1a1a3c !important;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02 {
  border: 1px solid #595454;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl {
  margin-bottom: 13px;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl h5 {
  color: #595454;
  float: left;
  font-size: 2.4rem;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl .cost {
  float: right;
  color: #333;
  font-size: 2.8rem;
  margin-bottom: 13px;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxTtl .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.mamafurisode .costBox .borderBoxWrapp .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  color: #1a1a3c;
  margin-bottom: 13px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .leadTxt {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox .borderBoxWrapp .twoColumn {
  margin-bottom: 2%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn {
    margin-bottom: 15%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02 {
  width: 49%;
  float: left;
}

@media screen and (min-width: 813px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02 {
    height: 304px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02 {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02-01 {
    margin-bottom: 20px;
  }
}
.mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02-02 {
  margin-left: 2%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .twoColumn .borderBoxType02-02 {
    width: 100%;
    float: none;
    margin-left: 0;
  }
}
.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp {
  padding-bottom: 10px;
}

.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox {
  width: 12%;
  margin-left: 2%;
  float: left;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox {
    width: 45%;
    margin-left: 0;
  }
  .mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox:nth-of-type(2n) {
    margin-left: 10%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  padding-top: 100%;
  position: relative;
}

.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .imgBox img {
  position: absolute;
  width: 75%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.2rem;
  height: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .iconBoxWrapp .iconBox .iconTxt {
    font-size: 1.6rem;
    height: auto;
    min-height: 50px;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-02 .iconBoxInrWrapp {
  width: 60%;
  margin: 0 auto;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-02 .iconBox {
  width: 20%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-02 .iconBox:not(.iconBox01) {
  margin-left: 19%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 h5 {
  color: #595454;
  float: none;
  text-align: center;
  font-size: 2.4rem;
  display: block;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .cost {
  display: block;
  float: none;
  text-align: center;
  color: #333;
  font-size: 2.8rem;
  margin-bottom: 0;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leadTxt {
  font-size: 1.8rem;
  color: #1a1a3c;
  margin-bottom: 13px;
  text-align: center;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leadTxt {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 h6 {
  font-size: 1.8rem;
  color: #595454;
  margin-bottom: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 h6 {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox {
  width: calc(49% - 1px);
  float: left;
  padding-right: 1%;
  border-right: 1px solid #595454;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox {
    padding-right: 0;
    width: 100%;
    border-right: none;
    padding-bottom: 15%;
    border-bottom: 1px solid #595454;
    margin-bottom: 15%;
    float: none;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp {
  width: 96%;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp {
    width: 100%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp .iconBox {
  width: 12%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .leftBox .inrWrapp .iconBox:not(.iconBox01) {
  margin-left: 2%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox {
  width: 49%;
  margin-left: 1%;
  float: right;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox {
    margin-left: 0;
    width: 100%;
    float: none;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .inrWrapp {
  width: 57%;
  margin: 0 auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .inrWrapp {
    width: 100%;
  }
}
.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .iconBox {
  width: 20%;
}

.mamafurisode .costBox .borderBoxWrapp .borderBoxType02-03 .rightBox .iconBox:not(.iconBox01) {
  margin-left: 19%;
}

/*.mamafurisode .costBox02 {
   background: url("images/bg02.jpg") repeat left top;
}*/
.mamafurisode .costBox02 .largeWrapp {
  width: 1200px;
}

@media screen and (max-width: 1200px) {
  .mamafurisode .costBox02 .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 1100px) {
  .mamafurisode .costBox02 .largeWrapp {
    width: 98%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .largeWrapp {
    width: 90%;
  }
}
.mamafurisode .costBox02 .catchTxt {
  font-size: 2.6rem;
  color: #1a1a3c;
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .catchTxt {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox02 .attention {
  color: #595454;
  font-size: 1.4rem;
  padding-top: 20px;
}

.mamafurisode .costBox02 .inrBoxTtl {
  background: #1a1a3c;
  height: 103px;
  padding-top: 14px;
  box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl {
    height: auto;
    padding-top: 50px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 30px;
  }
}
.mamafurisode .costBox02 .inrBoxTtl .iconImg {
  position: absolute;
  left: -5%;
  top: -35px;
  border-radius: 100%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl .iconImg {
    width: 30%;
  }
}
.mamafurisode .costBox02 .inrBoxTtl h4 {
  font-size: 24px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl h4 {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox02 .inrBoxTtl .cost {
  font-size: 2.7rem;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl .cost {
    font-size: 1.6rem;
  }
}
.mamafurisode .costBox02 .inrBoxTtl .cost .unitFont {
  font-size: 1.8rem;
  color: #fff;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .inrBoxTtl .cost .unitFont {
    font-size: 1.4rem;
  }
}
.mamafurisode .costBox02 .borderBoxType02-03 {
  border-top: none !important;
}

.mamafurisode .costBox02 .borderBoxType02-03 .iconBoxWrapp h5 {
  line-height: 1.8;
  font-size: 1.8rem !important;
  text-align: left !important;
}

.mamafurisode .costBox02 .iconBoxWrapp02 {
  padding-bottom: 10px;
  background: #fff;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox02 .iconBoxWrapp02 {
    padding: 20px;
  }
}
.mamafurisode .costBox02 .iconBoxWrapp02 h5 {
  color: #595454;
  font-size: 1.4rem !important;
  text-align: left !important;
  padding-top: 2%;
  padding-bottom: 2%;
  padding-left: 2%;
}

.mamafurisode .costBox02 .iconBoxWrapp02 h5 span {
  font-size: 1.6rem;
  color: #1a1a3c !important;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp {
  width: 96%;
  margin: 0 auto;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox {
  width: 6%;
  float: left;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  padding-top: 100%;
  position: relative;
  border: 1px solid #eee;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox .imgBox img {
  position: absolute;
  width: 75%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.2rem;
  height: 40px;
}

.mamafurisode .costBox02 .iconBoxWrapp02 .inrWrapp .iconBox:not(.iconBox01) {
  margin-left: 9%;
}

.mamafurisode .costBox .borderBoxTtl {
  margin-bottom: 13px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxTtl h5 {
    font-size: 2.4rem !important;
    float: none !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxTtl .cost {
    font-size: 2.4rem !important;
    float: none !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .borderBoxTtl .cost .unitFont {
    font-size: 2.1rem !important;
    float: none !important;
    text-align: center !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .iconBox {
    width: 45% !important;
    margin-left: 0 !important;
  }
  .mamafurisode .costBox .iconBox:nth-of-type(2n) {
    margin-left: 10% !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .iconBox .iconTxt {
    font-size: 1.4rem !important;
    height: auto !important;
    min-height: 50px !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .iconBoxInrWrapp {
    width: 100% !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .twoColumn .borderBoxType02 {
    width: 100%;
    float: none;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .twoColumn .borderBoxType02-01 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .leadTxt {
    margin-bottom: 40px !important;
    font-size: 1.6rem !important;
    text-align: center !important;
    line-height: normal !important;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .costBox .middleTtl {
    margin-bottom: 15px;
  }
}
.mamafurisode .benefitsBox .borderBox .borderBoxTtl:after,
.mamafurisode .benefitsBox .borderBox .borderBoxTtl:before {
  width: 25%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .borderBoxTtl h4 {
    margin-bottom: -50px;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxWrapp {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 30px;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop {
  padding-left: 200px;
  padding-right: 200px;
}

@media screen and (max-width: 1100px) {
  .mamafurisode .benefitsBox .borderBox .listBoxTop {
    padding-left: 0;
    padding-right: 0;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox {
  float: left;
  width: 22%;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox:nth-of-type(2),
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox:nth-of-type(3),
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox:nth-of-type(4) {
  margin-left: 4%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxTop .listBox {
    width: 47%;
    padding-top: 0;
    padding-bottom: 20px;
    margin-left: 2% !important;
    margin-right: 0;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox .imgBox {
  width: 100%;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox .imgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .benefitsBox .borderBox .listBoxTop .listBox .txtBox {
  text-align: center;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom {
  padding-top: 80px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxBottom {
    padding-top: 20px;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxBottom h4 {
  margin-bottom: 50px;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox {
  width: 44%;
  margin-left: 4%;
  border: 1px solid #595454;
  float: left;
  margin-bottom: 4%;
  padding: 5px;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox {
    width: 90%;
    padding-top: 20px;
    padding-bottom: 20px;
    float: none;
    margin: 0 auto 20px;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .imgBox {
  float: left;
  width: 28%;
  text-align: center;
  height: 90%;
  margin-top: 5%;
  margin-bottom: 5%;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .imgBox img {
  width: 90%;
  height: auto;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox {
  width: 70%;
  float: right;
  margin-top: 5%;
  margin-bottom: 5%;
}

.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox h5 {
    font-size: 1.6rem;
  }
}
.mamafurisode .benefitsBox .borderBox .listBoxBottom .listBoxWrapp .listBox .txtBox p {
  font-size: 1.4rem;
}

.mamafurisode .whatBox {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
  margin-bottom: 0;
}

.mamafurisode .whatBox .ttlCommon-c {
  margin-bottom: 20px;
}

.mamafurisode .whatBox .leadTxt {
  text-align: center;
  margin-bottom: 120px;
  font-size: 1.8rem;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .leadTxt {
    margin-bottom: 40px;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp {
  position: relative;
  height: 800px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp {
    height: auto;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp {
  margin-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp {
    margin-bottom: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02:first-letter,
.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .engWrapp .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList {
  position: absolute;
  width: 167px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList {
    width: 80%;
    position: relative;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox {
  width: 167px;
  height: 167px;
  display: block;
  float: left;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox:nth-child(1) {
  margin-right: 15px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox:nth-child(1) {
    margin-right: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox02 {
  width: 250px;
  height: auto;
  display: block;
  border-radius: 6px;
  overflow: hidden;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 {
    width: 100%;
    font-size: 1.4rem;
    position: relative;
    z-index: 2;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02 {
    font-size: 3rem;
    color: #595454;
    display: inline-block;
    position: relative;
    line-height: 30px;
    margin-bottom: 0;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02:first-letter,
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02:nth-child(2) {
    color: #1a1a3c;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList h5 .engWrapp .font-eng02:nth-child(2) {
    font-size: 4.6rem;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox {
    position: relative;
    width: 30%;
    height: auto;
    float: left;
    z-index: 1;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .imgBox img {
    width: 100%;
    height: auto;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList .txtBox {
    font-size: 0.9rem;
    width: 67%;
    float: right;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .arrow {
  position: absolute;
}

@media screen and (min-width: 813px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow01 {
    width: 85%;
    left: 170px;
    top: 255px;
    transform: rotate(-15deg) rotateY(180deg);
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow02 {
    width: 80%;
    right: 160px;
    bottom: -90px;
    transform: rotate(25deg);
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow03 {
    width: 80%;
    left: 111%;
    top: 60px;
    transform: rotate(-64deg) rotateY(180deg);
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow04 {
    width: 35%;
    left: -110px;
    top: 130px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow {
    height: auto;
    position: absolute;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow01 {
    width: 40%;
    left: -10px;
    bottom: -91%;
    transform: rotate(-45deg);
    transform: rotateZ(80deg) rotateY(180deg);
    z-index: 0;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow01 {
    bottom: -65%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow02 {
    width: 30%;
    right: 16%;
    top: 95%;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow03 {
    width: 25%;
    left: -31%;
    bottom: 28%;
  }
}
@media screen and (max-width: 821px) and (max-width: 320px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow03 {
    bottom: 26%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .arrow04 {
    width: 25%;
    left: -26%;
    top: -30%;
    transform: rotate(108deg);
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList01 {
  left: 0;
  top: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList01 {
    float: left;
    margin-bottom: 125px;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList01 h5 .engWrapp {
    margin-bottom: 5px;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 {
  right: 0;
  top: 0;
  width: 250px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 {
    float: right;
    margin-bottom: 25px;
    width: 36%;
    top: -25px;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 .imgBox {
    float: right;
    width: 100%;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList02 .txtBox {
    width: 100%;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList03 {
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList03 {
    float: right;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .centerWrapp {
  position: relative;
  margin-bottom: 20px;
}

.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList04 {
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList04 {
    float: right;
    width: 30%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxList04 .imgBox {
    width: 100%;
    float: none;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter {
  position: relative;
  margin: 100px auto 0;
  width: 40%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter {
    width: 60%;
    float: left;
    position: relative;
    margin-top: 0;
  }
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter h5 {
    top: -35px;
    position: absolute;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter .imgBox {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter .imgBox {
    width: 100%;
    height: auto;
    padding-top: 0;
  }
}
.mamafurisode .whatBox .contents .whatBoxWrapp .whatBoxCenter .imgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .reasonBox {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox {
    padding-bottom: 40px;
  }
}
.mamafurisode .reasonBox .threeColumn .centerBox,
.mamafurisode .reasonBox .threeColumn .leftBox,
.mamafurisode .reasonBox .threeColumn .rightBox {
  width: 32%;
  float: left;
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox .threeColumn .centerBox,
.mamafurisode .reasonBox .threeColumn .leftBox,
.mamafurisode .reasonBox .threeColumn .rightBox {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
}
.mamafurisode .reasonBox .threeColumn .engWrapp {
  margin-bottom: 0;
}

.mamafurisode .reasonBox .threeColumn .font-eng02 {
  font-size: 5.6rem;
  color: #595454;
  display: inline-block;
  position: relative;
  line-height: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox .threeColumn .font-eng02 {
    font-size: 3.5rem;
    margin-bottom: 0;
  }
}
.mamafurisode .reasonBox .threeColumn .font-eng02:first-letter,
.mamafurisode .reasonBox .threeColumn .font-eng02:nth-child(2) {
  color: #1a1a3c;
}

.mamafurisode .reasonBox .threeColumn .font-eng02:nth-child(2) {
  font-size: 4.6rem;
}

.mamafurisode .reasonBox .threeColumn .centerBox {
  margin-left: 2%;
  margin-right: 2%;
}

.mamafurisode .reasonBox .threeColumn .imgBox {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .reasonBox .threeColumn .imgBox img {
    width: 100%;
    height: auto;
  }
}
.mamafurisode .reasonBox .threeColumn .txtBox h5 {
  font-size: 1.8rem;
  color: #595454;
  margin-bottom: 15px;
  font-weight: 700;
}

.mamafurisode .reasonBox .threeColumn .txtBox p {
  color: #595454;
}

.mamafurisode .albumBox {
  padding-top: 370px;
  padding-bottom: 100px;
  background-color: #ccc;
  background-size: cover;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox {
    width: 100%;
    padding-top: 250px !important;
  }
  .mamafurisode .albumBox .borderBoxTtl {
    margin-bottom: -60px;
  }
}
.mamafurisode .albumBox .contents {
  margin-top: -80px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents {
    margin-top: -60px;
  }
}
.mamafurisode .albumBox .contents .twoBox h5 {
  font-size: 2.1rem;
  line-height: 1.5;
  margin-bottom: 15px;
}

.mamafurisode .albumBox .contents .twoBox .leadTxt {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 15px;
}

.mamafurisode .albumBox .contents .twoBox01 {
  margin-bottom: 50px;
}

.mamafurisode .albumBox .contents .twoBox01 .albumMainimgBox {
  width: 44%;
  height: 290px;
  position: relative;
  margin-left: 4%;
  float: left;
}

.mamafurisode .albumBox .contents .twoBox01 .albumMainimgBox img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .albumMainimgBox {
    width: 90%;
    height: 200px;
    margin: 0 auto 10px;
    float: none;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox {
  width: 44%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox {
    width: 90%;
    float: none;
    box-sizing: border-box;
    margin: 0 auto;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBox {
    width: 100%;
    margin: 0 auto;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
  position: relative;
  top: -10px;
  font-size: 1.8rem;
  line-height: 1.2;
  padding-left: 15%;
}

.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after,
.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  top: 10px;
}

.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:before {
  width: 10%;
}

.mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
  width: 60%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl:after {
    width: 40%;
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .borderBoxTtl {
    margin-bottom: 10px;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox .cost {
  font-size: 2.7rem;
  color: #333;
  text-align: right;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .txtBox .cost {
    margin-bottom: 50px;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .txtBox .cost .unitFont {
  font-size: 1.8rem;
  color: #333;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp {
  padding-bottom: 10px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp {
    padding: 10px;
  }
}
.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
  width: 28%;
  margin-left: 4%;
  float: left;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
  width: 100%;
  text-align: center;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
  width: 47%;
  height: auto;
}

.mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
  text-align: center;
  font-size: 1.3rem;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox {
    margin: 0 auto 12%;
    width: 50%;
  }
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox {
    width: 60%;
    margin: 0 auto 4%;
    text-align: center;
  }
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .imgBox img {
    width: 100%;
    height: auto;
  }
  .mamafurisode .albumBox .contents .twoBox01 .iconBoxWrapp .iconBox .iconTxt {
    width: 100%;
    font-size: 1.1rem;
  }
}
.mamafurisode .albumBox .contents .twoBox02 {
  margin-bottom: 50px;
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox {
  width: 50%;
  position: relative;
  margin-left: 4%;
  padding: 10px;
  float: left;
  box-sizing: border-box;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox {
    width: 100%;
    margin: 0 auto 15px;
  }
}
.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox h5 {
  text-align: center;
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox {
  width: 44%;
  margin-left: 4%;
  position: relative;
  float: left;
}

.mamafurisode .albumBox .contents .twoBox02 .albumSubimgBox .inrImgBox img {
  width: 100%;
  height: auto;
}

.mamafurisode .albumBox .contents .twoBox02 .txtBox {
  width: 38%;
  margin-left: 4%;
  margin-right: 4%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox .contents .twoBox02 .txtBox {
    width: 90%;
    margin: 0 auto 10px;
    float: none;
  }
}
.mamafurisode .albumBox01 {
  padding-top: 210px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox01 {
    padding-top: 100px !important;
  }
}
.mamafurisode .albumBox02 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox02 {
    padding-top: 50px !important;
  }
}
.mamafurisode .albumBox03 {
  padding-top: 50px !important;
  margin-top: -30px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .albumBox03 {
    padding-top: 50px !important;
  }
}
.mamafurisode .afterTxt {
  background-color: #ccc;
  padding-bottom: 30px;
}

.mamafurisode .afterTxt p {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  color: #333333;
}

@media screen and (max-width: 821px) {
  .mamafurisode .afterTxt p {
    font-size: 1.6rem;
  }
}
.mamafurisode .knowledge {
  padding-top: 100px;
  padding-bottom: 100px;
  /* background: url("images/bg02.jpg") repeat left top; */
  padding-top: 100px;
  padding-bottom: 100px;
}

.mamafurisode .knowledge * {
  padding-bottom: 0;
}

.mamafurisode .knowledge .listConWrapp {
  width: 928px;
  margin: 0 auto 50px;
}

.mamafurisode .knowledge .listConWrapp .listCon {
  width: 444px;
  height: 436px;
  background: url("images/knowledge-bg.png") no-repeat left top;
  float: left;
  position: relative;
  background-size: cover;
  padding: 38px 54px;
  box-sizing: border-box;
  filter: drop-shadow(1px 1px 0 rgba(230, 230, 230, 0));
  margin-bottom: 40px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .listConWrapp .listCon {
    padding: 4%;
  }
}
.mamafurisode .knowledge .listConWrapp .listCon:nth-child(2n) {
  margin-left: 40px;
}

.mamafurisode .knowledge .listConWrapp .listCon .dateBox {
  float: right;
}

.mamafurisode .knowledge .listConWrapp .listCon .dateBox p {
  color: #9b9f33;
  width: 100%;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox {
  width: 337px;
  height: 206px;
  margin: 0 auto;
  padding: 0;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 206px;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
  height: 206px;
  overflow: hidden;
  position: relative;
  display: block;
}

.mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.mamafurisode .knowledge .listConWrapp .listCon .catBox {
  width: 100%;
  margin: 22px auto;
}

.mamafurisode .knowledge .listConWrapp .listCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555;
}

.mamafurisode .knowledge .listConWrapp .ttlBox {
  height: 76px;
  overflow: hidden;
  margin-left: 55px;
  margin-right: 0;
  width: 82%;
  margin-bottom: 10px;
}

.mamafurisode .knowledge .listConWrapp .ttlBox h4 {
  color: #555;
  font-size: 1.6rem;
  line-height: 20px;
}

@media screen and (max-width: 1630px) {
  .mamafurisode .knowledge .listConWrapp {
    width: 75%;
    margin: 0 auto;
  }
  .mamafurisode .knowledge .listConWrapp .dateBox {
    width: 100% !important;
    text-align: right;
  }
  .mamafurisode .knowledge .listConWrapp .listCon {
    width: 48%;
    height: auto;
    background-size: 100% 100%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon:nth-child(2n) {
    margin-left: 4%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming {
    width: 100%;
    overflow: hidden;
    text-align: center;
    height: 206px;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming .thumbnailLink {
    height: 206px;
    overflow: hidden;
    position: relative;
    display: block;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .thumbnailBox .trimming img {
    min-width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .listConWrapp {
    width: 90%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .catBox {
    width: 100%;
    margin: 7px auto;
    line-height: 1;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .catBox a {
    font-size: 1rem;
    line-height: 1;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .ttlBox {
    margin-left: 10%;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .ttlBox h4 {
    font-size: 1rem;
    line-height: 1.2;
  }
  .mamafurisode .knowledge .listConWrapp .listCon .dateBox .dateBoxIn p {
    font-size: 1rem;
  }
}
.mamafurisode .knowledge .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.mamafurisode .knowledge .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .knowledge .btn p {
    background-position-x: 90%;
  }
}
.mamafurisode .blogBox {
  padding-top: 100px;
  background-color: #ccc;
  background-size: cover;
}

.mamafurisode .blogBox h4 {
  font-size: 4rem;
  margin-bottom: 60px;
  text-align: center;
  color: #595454;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox h4 {
    font-size: 2.1rem;
    margin-bottom: 30px;
  }
}
.mamafurisode .blogBox .blogList {
  width: 46%;
  float: left;
  margin-left: 4%;
  margin-bottom: 7%;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox .blogList {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
  }
}
.mamafurisode .blogBox .blogList .imgBox {
  width: 28%;
  position: relative;
}

.mamafurisode .blogBox .blogList .imgBox .thumbnail {
  width: 100%;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.mamafurisode .blogBox .blogList .imgBox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mamafurisode .blogBox .blogList .txtBox {
  width: 70%;
}

.mamafurisode .blogBox .blogList .txtBox .date {
  font-size: 1.2rem;
}

.mamafurisode .blogBox .blogList .txtBox h5 {
  color: #595454;
  font-size: 1.6rem;
  margin-bottom: 10px;
  overflow: hidden;
  max-height: 44px;
  font-weight: 700;
}

.mamafurisode .blogBox .blogList .txtBox h5 a {
  font-weight: 700;
}

.mamafurisode .blogBox .blogList .txtBox p {
  color: #595454;
  font-size: 1.4rem;
  overflow: hidden;
  height: 64px;
}

.mamafurisode .blogBox .btn {
  width: 30%;
  margin: 50px auto;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox .btn {
    width: 100%;
    margin: 20px auto;
  }
}
.mamafurisode .blogBox .btn p {
  width: 100%;
  background-position-x: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

@media screen and (max-width: 821px) {
  .mamafurisode .blogBox .btn p {
    background-position-x: 90%;
  }
}
.single .contents {
  margin-bottom: 90px;
}

.single .inrBox01 h4 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  font-size: 2.1rem;
}

.single .inrBox01 .overViewDate {
  margin-bottom: 30px;
}

.single .inrBox01 .overViewDate .dateFont {
  float: left;
}

.single .inrBox01 .overViewDate .catFont {
  float: right;
}

@media screen and (max-width: 821px) {
  .single .inrBox01 .singleContents {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
  }
}
.single .navArea {
  position: relative;
  height: 50px;
  display: block;
  padding-bottom: 100px;
}

@media screen and (max-width: 821px) {
  .single .navArea {
    height: auto;
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 813px) {
  .single .navArea .singleFooterLink {
    position: absolute;
    line-height: 50px;
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .singleFooterLink {
    margin-bottom: 20px;
  }
}
.single .navArea .singleFooterLink a {
  width: 300px;
  height: 50px;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
  line-height: 39px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-sizing: border-box;
  transition: 0.5s;
  position: relative;
}

@media screen and (max-width: 821px) {
  .single .navArea .singleFooterLink a {
    width: 100%;
    margin: 0 auto;
  }
}
.single .navArea .singleFooterLink a:focus,
.single .navArea .singleFooterLink a:hover {
  transition: 0.3s;
}

.single .navArea .singleFooterLink a:before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  border: 1px solid #ddd;
  left: 0;
  top: 0;
}

.single .navArea .leftBox:focus,
.single .navArea .leftBox:hover,
.single .navArea .rightBox:focus,
.single .navArea .rightBox:hover {
  background: #1a1a3c;
}

.single .navArea .leftBox:focus a,
.single .navArea .leftBox:hover a,
.single .navArea .rightBox:focus a,
.single .navArea .rightBox:hover a {
  color: #fff;
}

@media screen and (min-width: 813px) {
  .single .navArea .leftBox {
    left: 0;
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .leftBox {
    width: 100%;
    float: none;
  }
}
.single .navArea .centerBox a {
  text-align: center;
  line-height: 39px;
}

.single .navArea .centerBox:focus,
.single .navArea .centerBox:hover {
  background: #9b9f33;
}

.single .navArea .centerBox:focus a,
.single .navArea .centerBox:hover a {
  color: #fff;
}

@media screen and (min-width: 813px) {
  .single .navArea .centerBox {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .centerBox {
    width: 100%;
    margin: 0 auto 30px;
    float: none;
  }
}
@media screen and (min-width: 813px) {
  .single .navArea .rightBox {
    right: 0;
  }
}
@media screen and (max-width: 821px) {
  .single .navArea .rightBox {
    width: 100%;
    float: none;
  }
}
.classic .conBox01 .conBox01,
.elegant .conBox01 .conBox01,
.girly .conBox01 .conBox01,
.gorgeous .conBox01 .conBox01,
.haikara .conBox01 .conBox01,
.princess .conBox01 .conBox01,
.retro .conBox01 .conBox01,
.vintage .conBox01 .conBox01 {
  padding-top: 0 !important;
}

.error404 .topPageTxtLinkWrapp {
  position: relative;
  margin-bottom: 50px;
}

.error404 .topPageTxtLink {
  margin: 30px auto;
  text-align: center;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.error404 .topPageTxtLink:after {
  content: "";
  background-image: linear-gradient(to right, #b29e9f, #b29e9f 1px, transparent 2px, transparent 2px);
  background-size: 4px 2px;
  background-repeat: repeat-x;
  position: absolute;
  top: 33px;
  bottom: 0;
  left: 2px;
  right: 0;
  height: 1px;
}

@media screen and (max-width: 821px) {
  .error404 .topPageTxtLink:after {
    left: 1px;
    width: 96%;
    height: 1px;
    top: auto;
    bottom: 0;
  }
}
.error404 .topPageTxtLink a {
  font-size: 2rem;
  color: #595454;
  transition: 0.5s;
  position: relative;
}

@media screen and (max-width: 821px) {
  .error404 .topPageTxtLink a {
    font-size: 1rem;
  }
}
.error404 .topPageTxtLink a:focus,
.error404 .topPageTxtLink a:hover {
  opacity: 0.7;
  transition: 0.3s;
}

.testpage #header {
  height: 989px;
  background: url("images/eyecatch-top-test.jpg") no-repeat left top;
  position: relative;
  display: block;
  background-size: cover;
  background-position: right;
}

.testpage #header .logoBox .logo p {
  color: #cecece;
}

.testpage #header .logoBox .logo p:before {
  background: #b0b0b0;
}

.testpage #header .headerTxtArea {
  display: none;
}

@media screen and (max-width: 821px) {
  .testpage #header {
    background: url("images/sp-eyecatch-top-test.jpg") no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
}
.sblogWrapp .contents abbr,
.sblogWrapp .contents address,
.sblogWrapp .contents article,
.sblogWrapp .contents aside,
.sblogWrapp .contents audio,
.sblogWrapp .contents b,
.sblogWrapp .contents blockquote,
.sblogWrapp .contents body,
.sblogWrapp .contents canvas,
.sblogWrapp .contents caption,
.sblogWrapp .contents cite,
.sblogWrapp .contents code,
.sblogWrapp .contents dd,
.sblogWrapp .contents del,
.sblogWrapp .contents details,
.sblogWrapp .contents dfn,
.sblogWrapp .contents div,
.sblogWrapp .contents dl,
.sblogWrapp .contents dt,
.sblogWrapp .contents em,
.sblogWrapp .contents fieldset,
.sblogWrapp .contents figcaption,
.sblogWrapp .contents figure,
.sblogWrapp .contents footer,
.sblogWrapp .contents form,
.sblogWrapp .contents h1,
.sblogWrapp .contents h2,
.sblogWrapp .contents h3,
.sblogWrapp .contents h4,
.sblogWrapp .contents h5,
.sblogWrapp .contents h6,
.sblogWrapp .contents header,
.sblogWrapp .contents hgroup,
.sblogWrapp .contents html,
.sblogWrapp .contents i,
.sblogWrapp .contents iframe,
.sblogWrapp .contents img,
.sblogWrapp .contents ins,
.sblogWrapp .contents kbd,
.sblogWrapp .contents label,
.sblogWrapp .contents legend,
.sblogWrapp .contents li,
.sblogWrapp .contents mark,
.sblogWrapp .contents menu,
.sblogWrapp .contents nav,
.sblogWrapp .contents object,
.sblogWrapp .contents ol,
.sblogWrapp .contents p,
.sblogWrapp .contents pre,
.sblogWrapp .contents q,
.sblogWrapp .contents samp,
.sblogWrapp .contents section,
.sblogWrapp .contents small,
.sblogWrapp .contents span,
.sblogWrapp .contents strong,
.sblogWrapp .contents sub,
.sblogWrapp .contents summary,
.sblogWrapp .contents sup,
.sblogWrapp .contents table,
.sblogWrapp .contents tbody,
.sblogWrapp .contents td,
.sblogWrapp .contents tfoot,
.sblogWrapp .contents th,
.sblogWrapp .contents thead,
.sblogWrapp .contents time,
.sblogWrapp .contents tr,
.sblogWrapp .contents ul,
.sblogWrapp .contents var,
.sblogWrapp .contents video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

.sblogWrapp .contents nav ul {
  list-style: none;
}

.sblogWrapp .contents blockquote,
.sblogWrapp .contents q {
  quotes: none;
}

.sblogWrapp .contents blockquote:after,
.sblogWrapp .contents blockquote:before,
.sblogWrapp .contents q:after,
.sblogWrapp .contents q:before {
  content: "";
  content: none;
}

.sblogWrapp .contents a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.sblogWrapp .contents ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.sblogWrapp .contents mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

.sblogWrapp .contents del {
  text-decoration: line-through;
}

.sblogWrapp .contents abbr[title],
.sblogWrapp .contents dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.sblogWrapp .contents table {
  border-collapse: collapse;
  border-spacing: 0;
}

.sblogWrapp .contents hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.sblogWrapp .contents input,
.sblogWrapp .contents select {
  vertical-align: middle;
}

.sblogWrapp .contents li {
  list-style: none;
}

.sblogWrapp .contents img {
  vertical-align: bottom;
}

.sblogWrapp .contents html {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  color: #534741;
  font-size: 14px;
}

.sblogWrapp .contents .wrap {
  width: 1000px;
  margin: 0 auto;
}

.sblogWrapp .contents a:link {
  color: #333;
  text-decoration: none;
}

.sblogWrapp .contents a:visited {
  color: #333;
}

.sblogWrapp .contents a:hover {
  color: #333;
  text-decoration: underline;
}

.sblogWrapp .contents a:active {
  color: #333;
}

.sblogWrapp .contents a {
  transition-duration: 0.3s;
}

.sblogWrapp .contents a:hover {
  opacity: 0.7;
  transition-duration: 0.3s;
}

.sblogWrapp .contents .pc {
  display: block;
}

.sblogWrapp .contents .sp {
  display: none;
}

.sblogWrapp .contents header .wrap {
  position: relative;
  width: 1000px;
  height: 125px;
  margin: 0 auto;
}

.sblogWrapp .contents header h1 {
  position: absolute;
  left: 0;
  top: 35px;
}

.sblogWrapp .contents header ul#sns {
  position: absolute;
  left: 349px;
  top: 55px;
  display: flex;
}

.sblogWrapp .contents header ul#sns li {
  margin-right: 5px;
}

.sblogWrapp .contents header ul#sns li:nth-child(2) {
  margin-top: -1px;
}

.sblogWrapp .contents header p {
  position: absolute;
  left: 678px;
  top: 35px;
}

.sblogWrapp .contents #topimage {
  width: 100%;
  height: 370px;
  padding: 57px 0 73px;
  text-align: center;
  background: url("../img/top/topimage-200107.jpg") center top;
}

.sblogWrapp .contents #topimage .btn sp2 {
  display: none;
}

.sblogWrapp .contents nav {
  background: #EC7C8D;
}

.sblogWrapp .contents nav ul {
  width: 1000px;
  margin: 0 auto;
  display: flex;
}

.sblogWrapp .contents .ft_btn {
  width: 680px;
  margin: 96px auto 95px;
}

.sblogWrapp .contents #float {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

.sblogWrapp .contents #float a {
  display: block;
}

.sblogWrapp .contents #float a + a {
  margin-top: 10px;
}

.sblogWrapp .contents #float-sp {
  display: none;
}

.sblogWrapp .contents footer {
  background: #EC7C8D;
}

.sblogWrapp .contents footer ul {
  width: 1000px;
  height: 80px;
  margin: 0 auto;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sblogWrapp .contents footer ul li a {
  color: #FFFFFF !important;
}

.sblogWrapp .contents footer ul li:after {
  content: "｜";
  margin: 0 1em;
}

.sblogWrapp .contents footer ul li:last-child:after {
  content: "";
  margin: 0;
}

.sblogWrapp .contents abbr,
.sblogWrapp .contents address,
.sblogWrapp .contents article,
.sblogWrapp .contents aside,
.sblogWrapp .contents audio,
.sblogWrapp .contents b,
.sblogWrapp .contents blockquote,
.sblogWrapp .contents body,
.sblogWrapp .contents canvas,
.sblogWrapp .contents caption,
.sblogWrapp .contents cite,
.sblogWrapp .contents code,
.sblogWrapp .contents dd,
.sblogWrapp .contents del,
.sblogWrapp .contents details,
.sblogWrapp .contents dfn,
.sblogWrapp .contents div,
.sblogWrapp .contents dl,
.sblogWrapp .contents dt,
.sblogWrapp .contents em,
.sblogWrapp .contents fieldset,
.sblogWrapp .contents figcaption,
.sblogWrapp .contents figure,
.sblogWrapp .contents footer,
.sblogWrapp .contents form,
.sblogWrapp .contents h1,
.sblogWrapp .contents h2,
.sblogWrapp .contents h3,
.sblogWrapp .contents h4,
.sblogWrapp .contents h5,
.sblogWrapp .contents h6,
.sblogWrapp .contents header,
.sblogWrapp .contents hgroup,
.sblogWrapp .contents html,
.sblogWrapp .contents i,
.sblogWrapp .contents iframe,
.sblogWrapp .contents img,
.sblogWrapp .contents ins,
.sblogWrapp .contents kbd,
.sblogWrapp .contents label,
.sblogWrapp .contents legend,
.sblogWrapp .contents li,
.sblogWrapp .contents mark,
.sblogWrapp .contents menu,
.sblogWrapp .contents nav,
.sblogWrapp .contents object,
.sblogWrapp .contents ol,
.sblogWrapp .contents p,
.sblogWrapp .contents pre,
.sblogWrapp .contents q,
.sblogWrapp .contents samp,
.sblogWrapp .contents section,
.sblogWrapp .contents small,
.sblogWrapp .contents span,
.sblogWrapp .contents strong,
.sblogWrapp .contents sub,
.sblogWrapp .contents summary,
.sblogWrapp .contents sup,
.sblogWrapp .contents table,
.sblogWrapp .contents tbody,
.sblogWrapp .contents td,
.sblogWrapp .contents tfoot,
.sblogWrapp .contents th,
.sblogWrapp .contents thead,
.sblogWrapp .contents time,
.sblogWrapp .contents tr,
.sblogWrapp .contents ul,
.sblogWrapp .contents var,
.sblogWrapp .contents video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

.sblogWrapp .contents nav ul {
  list-style: none;
}

.sblogWrapp .contents blockquote,
.sblogWrapp .contents q {
  quotes: none;
}

.sblogWrapp .contents blockquote:after,
.sblogWrapp .contents blockquote:before,
.sblogWrapp .contents q:after,
.sblogWrapp .contents q:before {
  content: "";
  content: none;
}

.sblogWrapp .contents a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

.sblogWrapp .contents ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

.sblogWrapp .contents mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

.sblogWrapp .contents del {
  text-decoration: line-through;
}

.sblogWrapp .contents abbr[title],
.sblogWrapp .contents dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.sblogWrapp .contents table {
  border-collapse: collapse;
  border-spacing: 0;
}

.sblogWrapp .contents hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.sblogWrapp .contents input,
.sblogWrapp .contents select {
  vertical-align: middle;
}

.sblogWrapp .contents li {
  list-style: none;
}

.sblogWrapp .contents img {
  vertical-align: bottom;
}

.sblogWrapp .contents html {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  color: #534741;
  font-size: 14px;
}

.sblogWrapp .contents a:link {
  color: #333;
  text-decoration: none;
}

.sblogWrapp .contents a:visited {
  color: #333;
}

.sblogWrapp .contents a:hover {
  color: #333;
  text-decoration: underline;
}

.sblogWrapp .contents a:active {
  color: #333;
}

.sblogWrapp .contents a {
  transition-duration: 0.3s;
}

.sblogWrapp .contents a:hover {
  opacity: 0.7;
  transition-duration: 0.3s;
}

.sblogWrapp .contents .pc {
  display: none;
}

.sblogWrapp .contents .sp {
  display: block;
}

.sblogWrapp .contents img {
  width: 100%;
  height: auto;
}

.sblogWrapp .contents header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #FFF;
  z-index: 1;
}

.sblogWrapp .contents header .wrap {
  margin: 16px 6.3% 16px 5.9%;
  display: flex;
}

.sblogWrapp .contents header h1 {
  margin-right: auto;
}

.sblogWrapp .contents header h1 img {
  width: auto;
  height: 28px;
}

.sblogWrapp .contents header #hd-menu img {
  width: auto;
  height: 28px;
}

.sblogWrapp .contents header #hd-menu.active img {
  opacity: 0;
}

.sblogWrapp .contents header #hd-menu.active {
  background: url("../img/sp/common/hd-menu_active.png");
  background-size: 28px;
}

.sblogWrapp .contents #hd-spmenu {
  width: 93.8%;
  padding: 10px 3.1% 20px;
  background: #FFB3B2;
  display: none;
  z-index: 2;
}

.sblogWrapp .contents #hd-spmenu ul {
  margin-bottom: 16px;
}

.sblogWrapp .contents #hd-spmenu ul li {
  border-bottom: solid 1px #FFF;
}

.sblogWrapp .contents #hd-spmenu ul li a {
  padding: 14px 0 14px 20px;
  color: #FFF;
  background: url("../img/menu_li_bg.png") right 5.5% center no-repeat;
  background-size: 7px;
  display: block;
}

.sblogWrapp .contents #hd-spmenu div.menu_btn {
  text-align: center;
}

.sblogWrapp .contents #hd-spmenu .menu_btn img {
  width: 41px;
}

.sblogWrapp .contents #topimage {
  margin-top: 60px;
}

.sblogWrapp .contents #topimage .btn {
  margin: 20px 8% 27px;
}

.sblogWrapp .contents #ft_btn {
  margin: 27px 10.7%;
}

.sblogWrapp .contents #float {
  position: fixed;
  right: 10px;
  bottom: 10px;
}

.sblogWrapp .contents footer {
  padding: 15px 0;
  background: #EC7C8D;
}

.sblogWrapp .contents footer ul {
  margin: 0 auto 10px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sblogWrapp .contents footer ul li a {
  color: #FFFFFF !important;
}

.sblogWrapp .contents footer ul li:after {
  content: "｜";
  margin: 0 1em;
}

.sblogWrapp .contents footer ul li:last-child:after {
  content: "";
  margin: 0;
}

.sblogWrapp .contents footer #copyright {
  text-align: center;
  color: #FFF;
}

.sblogWrapp .contents #float {
  background: #f2f2f2;
  width: 100%;
  max-width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.sblogWrapp .contents #float ul {
  display: flex;
  justify-content: space-between;
  padding: 3.5% 2%;
}

.sblogWrapp .contents #float ul li {
  width: 49%;
}

.sblogWrapp .contents #blog {
  width: 1000px;
  margin: 77px auto 80px;
}

.sblogWrapp .contents #blog h2 {
  margin-bottom: 47px;
}

.sblogWrapp .contents #blog ul {
  margin-bottom: 34px;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #blog ul li {
  width: 322px;
  margin: 0 17px 16px 0;
}

.sblogWrapp .contents #blog ul li p.thumb {
  height: 230px;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
}

.sblogWrapp .contents #blog ul li:nth-child(3n) {
  margin: 0 0 16px;
}

.sblogWrapp .contents #blog ul li p.date {
  margin-bottom: 1em;
  color: #FD0058;
}

.sblogWrapp .contents #blog ul li p.comment {
  margin: 1em 0;
  padding-top: 1em;
  border-top: dashed 1px #998675;
}

.sblogWrapp .contents #blog ul li p.more {
  text-align: right;
}

.sblogWrapp .contents #blog ul li p.more a {
  color: #FD0058;
}

.sblogWrapp .contents #blog .btn {
  width: 660px;
  margin: 0 auto;
}

.sblogWrapp .contents #meeting {
  padding: 40px 0;
  background: url("../img/top/bg1.png");
}

.sblogWrapp .contents #meeting .wrap {
  position: relative;
  height: 422px;
  background: url("../img/top/ban-meeting-200107.png");
}

.sblogWrapp .contents #meeting .wrap p.btn {
  position: absolute;
  left: 175px;
  top: 319px;
}

.sblogWrapp .contents #point {
  padding: 79px 0 52px;
  background: url("../img/top/bg-point1.jpg),url(../img/top/bg-point2.jpg");
  background-position: center top, center top 474px;
  background-repeat: no-repeat, repeat;
}

.sblogWrapp .contents #point h2 {
  margin-bottom: 49px;
}

.sblogWrapp .contents #point .box {
  margin-bottom: 19px;
  padding: 40px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
}

.sblogWrapp .contents #point .box figure {
  padding: 20px 0 41px;
  display: flex;
  justify-content: space-between;
}

.sblogWrapp .contents #point .box figure figcaption {
  width: 530px;
  padding-left: 10px;
}

.sblogWrapp .contents #point .box figure figcaption p {
  margin-bottom: 1em;
}

.sblogWrapp .contents #point .box p.text1 {
  margin-bottom: 5px;
  padding: 20px 10px 0;
}

.sblogWrapp .contents #point .box p.img1 {
  margin-bottom: 29px;
}

.sblogWrapp .contents #point .box ul {
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #point .box .tokuten {
  margin-top: 40px;
  margin-bottom: 40px;
}

.sblogWrapp .contents #point .box ul li {
  margin: 0 10px 10px 0;
}

.sblogWrapp .contents #point .box ul li:nth-child(2n) {
  margin: 0 0 10px;
}

.sblogWrapp .contents #point .box ul li:nth-child(15),
.sblogWrapp .contents #point .box ul li:nth-child(16) {
  margin: 0 10px 0 0;
}

.sblogWrapp .contents #point p.btn {
  width: 680px;
  margin: 52px auto 0;
}

.sblogWrapp .contents #introduction {
  padding: 55px 0 40px;
}

.sblogWrapp .contents #introduction h2 {
  margin-bottom: 39px;
}

.sblogWrapp .contents #introduction #about {
  height: 304px;
  padding: 20px;
  margin-bottom: 50px;
  background: url("../img/top/bg-introduction1.jpg");
}

.sblogWrapp .contents #introduction #about h3 {
  margin: 20px 20px 0;
}

.sblogWrapp .contents #introduction #about p {
  margin: 20px;
}

.sblogWrapp .contents #introduction #sale {
  margin-bottom: 40px;
  padding: 30px;
  background: url("../img/top/bg-sale.png");
}

.sblogWrapp .contents #introduction #rental {
  margin-bottom: 60px;
  padding: 30px;
  background: url("../img/top/bg-rental.png");
}

.sblogWrapp .contents #introduction #rental,
.sblogWrapp .contents #introduction #sale {
  margin-bottom: 38px;
}

.sblogWrapp .contents #introduction #rental h3,
.sblogWrapp .contents #introduction #sale h3 {
  margin-bottom: 41px;
}

.sblogWrapp .contents #introduction #rental ul,
.sblogWrapp .contents #introduction #sale ul {
  display: flex;
}

.sblogWrapp .contents #introduction #rental ul li,
.sblogWrapp .contents #introduction #sale ul li {
  padding: 2px;
  margin-right: 20px;
  background: #FFF;
}

.sblogWrapp .contents #introduction #rental ul li:last-child,
.sblogWrapp .contents #introduction #sale ul li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #introduction #rental ul li p.thumb,
.sblogWrapp .contents #introduction #sale ul li p.thumb {
  margin: 17px 20px;
}

.sblogWrapp .contents #introduction #rental ul li p.text1,
.sblogWrapp .contents #introduction #sale ul li p.text1 {
  margin: 0 20px 20px;
}

.sblogWrapp .contents #introduction p.btn {
  width: 680px;
  margin: 0 auto;
}

.sblogWrapp .contents #step {
  padding: 59px 0 10px;
  background: url("../img/top/bg2.png");
}

.sblogWrapp .contents #step h2 {
  margin-bottom: 42px;
}

.sblogWrapp .contents #step .box {
  padding: 40px;
  margin-bottom: 30px;
  background: #FFF;
}

.sblogWrapp .contents #step .box h3 {
  margin-bottom: 35px;
}

.sblogWrapp .contents #step .box p.img1 {
  margin-bottom: 38px;
}

.sblogWrapp .contents #step .box figure {
  margin-bottom: 27px;
  padding-bottom: 30px;
  border-bottom: dotted 1px #CCC;
  display: flex;
  justify-content: space-between;
}

.sblogWrapp .contents #step .box figure:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sblogWrapp .contents #step .box figcaption {
  width: 440px;
}

.sblogWrapp .contents #step .box p.text1 {
  margin-bottom: 25px;
}

.sblogWrapp .contents #step section:last-child .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #step section:last-child .box div {
  width: 590px;
}

.sblogWrapp .contents #step section:last-child .box div p.img3 {
  margin-bottom: 34px;
}

.sblogWrapp .contents #voice {
  padding: 60px 0;
  background: url("../img/top/bg-voice.png");
}

.sblogWrapp .contents #voice .wrap {
  width: 980px;
  padding: 2px;
  border: solid 8px #FFF;
  background: #E6E6E6;
}

.sblogWrapp .contents #voice .inner {
  padding: 40px 40px 31px;
  background: #FFF;
}

.sblogWrapp .contents #voice dl {
  margin-bottom: 20px;
  padding: 30px;
  border: solid 1px #E6E6E6;
  display: flex;
}

.sblogWrapp .contents #voice dl dt {
  margin-right: 30px;
}

.sblogWrapp .contents #voice p.btn {
  width: 680px;
  margin: 60px auto 0;
}

.sblogWrapp .contents #qaa {
  width: 980px;
  margin: 58px auto 61px;
  padding: 2px;
  border: solid 8px #E6E6E6;
  background: #B3B3B3;
}

.sblogWrapp .contents #qaa .inner {
  padding: 30px 30px 20px;
  background: #FFF;
}

.sblogWrapp .contents #qaa .inner dl {
  border-top: dotted 1px #CCC;
}

.sblogWrapp .contents #qaa .inner dl dt {
  min-height: 45px;
  margin: 58px 0 35px;
  padding-left: 125px;
  color: #EC6F82;
  font-size: 18px;
  background: url("../img/top/icon-q.png") left 58px center no-repeat;
}

.sblogWrapp .contents #qaa .inner dl dd {
  min-height: 45px;
  margin-bottom: 39px;
  padding-left: 125px;
  font-size: 14px;
  background: url("../img/top/icon-a.png") left 58px center no-repeat;
}

.sblogWrapp .contents #guidance {
  padding: 50px 0;
  background: url("../img/top/bg1.png");
}

.sblogWrapp .contents #guidance .wrap {
  padding: 32px 40px 40px;
  width: 920px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #guidance .wrap h2 {
  margin-bottom: 19px;
}

.sblogWrapp .contents #guidance .wrap div p.text1 {
  margin: 20px 0 12px;
}

.sblogWrapp .contents #shop {
  padding: 70px 0;
  background: url("../img/top/bg-shop.png");
}

.sblogWrapp .contents #shop ul {
  margin-bottom: 49px;
  padding: 15px 0;
  border: solid 1px #FFF;
  display: flex;
  justify-content: center;
}

.sblogWrapp .contents #shop ul li {
  margin-right: 40px;
}

.sblogWrapp .contents #shop ul li a {
  color: #FFF;
  text-decoration: underline;
}

.sblogWrapp .contents #shop ul li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #shop .box {
  margin-bottom: 25px;
  padding: 25px 40px;
  background: #FFF;
  display: flex;
  justify-content: space-between;
}

.sblogWrapp .contents #shop .box .left {
  width: 520px;
}

.sblogWrapp .contents #shop .box .left table {
  width: 520px;
  border-top: solid 1px #C7B299;
  border-bottom: solid 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr {
  border-bottom: dotted 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr th {
  width: 140px;
  padding: 30px 0;
  color: #534741;
  font-size: 15px;
  background: #F2F2F2;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(1) th {
  letter-spacing: 2em;
  text-indent: 2em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(2) th {
  letter-spacing: 0.8em;
  text-indent: 0.8em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(4) th {
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.sblogWrapp .contents #shop .box .left table tr td {
  padding: 0 25px;
  vertical-align: middle;
}

.sblogWrapp .contents #shop .box .right {
  width: 360px;
}

.sblogWrapp .contents #shop .box .right .gmap {
  margin-bottom: 16px;
}

.sblogWrapp .contents #blog {
  margin-bottom: 30px;
}

.sblogWrapp .contents #blog ul {
  margin: 0 4% 14px;
}

.sblogWrapp .contents #blog ul li {
  width: 96%;
  margin-bottom: 10px;
  padding: 0 4% 10px 0;
  border-bottom: dotted 1px #EC7C8D;
  background: url("../img/top/li-bg.png") right center no-repeat;
  background-size: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sblogWrapp .contents #blog p.thumb {
  width: 30%;
  height: 80px;
  overflow: hidden;
}

.sblogWrapp .contents #blog p.date {
  color: #EC7C8D;
}

.sblogWrapp .contents #blog div {
  width: 66%;
}

.sblogWrapp .contents #blog .btn {
  margin: 0 8%;
}

.sblogWrapp .contents #point {
  padding: 15px 4%;
  background: url("../img/top/bg-point1.jpg),url(../img/top/bg-point2.jpg");
  background-position: center top, center top 474px;
  background-repeat: no-repeat, repeat;
}

.sblogWrapp .contents #point h2 {
  margin-bottom: 14px;
}

.sblogWrapp .contents #point .box {
  margin-bottom: 15px;
  padding-bottom: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
}

.sblogWrapp .contents #point .box figure {
  padding: 15px 4.8%;
  display: flex;
  flex-wrap: wrap-reverse;
  align-items: baseline;
}

.sblogWrapp .contents #point .box figure img {
  margin-bottom: 15px;
}

.sblogWrapp .contents #point .box figure figcaption p {
  margin-bottom: 1em;
}

.sblogWrapp .contents #point .box p.text1 {
  margin-bottom: 5px;
  padding: 10px;
}

.sblogWrapp .contents #point .box p.img1 {
  margin: 0 4.8% 15px;
}

.sblogWrapp .contents #point .box ul {
  margin: 0 4.8%;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #point .box ul li {
  width: 49.3%;
  margin: 0 1.4% 5px 0;
}

.sblogWrapp .contents #point .box ul li:nth-child(2n) {
  margin: 0 0 5px;
}

.sblogWrapp .contents #point .box .tokuten {
  margin: 20px 4.8%;
}

.sblogWrapp .contents #point p.btn {
  margin: 25px 0 0;
}

.sblogWrapp .contents #introduction {
  padding: 15px 4.8% 30px;
}

.sblogWrapp .contents #introduction h2 {
  margin-bottom: 12px;
}

.sblogWrapp .contents #introduction #about {
  padding: 10px 2.9%;
  margin-bottom: 15px;
  background: url("../img/sp/top/bg-introduction1.jpg");
  background-size: cover;
}

.sblogWrapp .contents #introduction #about .inner {
  padding: 10px 3.1%;
  background: rgba(255, 255, 255, 0.96);
}

.sblogWrapp .contents #introduction #about h3 {
  margin-bottom: 15px;
}

.sblogWrapp .contents #introduction #sale {
  margin-bottom: 15px;
  padding: 11px 3.6%;
  background: url("../img/top/bg-sale.png");
}

.sblogWrapp .contents #introduction #rental {
  margin-bottom: 15px;
  padding: 11px 3.6%;
  background: url("../img/top/bg-rental.png");
}

.sblogWrapp .contents #introduction #rental ul li,
.sblogWrapp .contents #introduction #sale ul li {
  padding: 1px;
  margin: 0 1.7% 10px;
  background: #FFF;
}

.sblogWrapp .contents #introduction #rental ul li:last-child,
.sblogWrapp .contents #introduction #sale ul li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #introduction #rental ul li p.thumb,
.sblogWrapp .contents #introduction #sale ul li p.thumb {
  margin: 7px 6.9%;
  text-align: center;
}

.sblogWrapp .contents #introduction #rental ul li p.thumb img,
.sblogWrapp .contents #introduction #sale ul li p.thumb img {
  width: 70%;
}

.sblogWrapp .contents #introduction #rental ul li p.text1,
.sblogWrapp .contents #introduction #sale ul li p.text1 {
  margin: 0 20px 20px;
}

.sblogWrapp .contents #step {
  padding: 20px 4% 30px;
  background: url("../img/top/bg2.png");
}

.sblogWrapp .contents #step .box {
  padding: 20px 4.3%;
  margin-bottom: 15px;
  background: #FFF;
}

.sblogWrapp .contents #step .box figure {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: dotted 1px #CCC;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #step .box figure img {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}

.sblogWrapp .contents #step .box figure:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.sblogWrapp .contents #step .box figcaption {
  order: 1;
}

.sblogWrapp .contents #step .box p.text1 {
  margin-bottom: 25px;
}

.sblogWrapp .contents #step section:last-child .box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #step section:last-child .box div {
  margin-bottom: 10px;
}

.sblogWrapp .contents #voice {
  padding: 30px 4%;
  background: url("../img/top/bg-voice.png");
}

.sblogWrapp .contents #voice .wrap {
  padding: 2px;
  border: solid 4px #FFF;
  background: #E6E6E6;
}

.sblogWrapp .contents #voice .inner {
  padding: 10px 3%;
  background: #FFF;
}

.sblogWrapp .contents #voice dl {
  margin-bottom: 10px;
  padding: 9px 2.9%;
  border: solid 1px #E6E6E6;
  display: flex;
}

.sblogWrapp .contents #voice dl dt {
  margin-right: 30px;
}

.sblogWrapp .contents #voice p.btn {
  margin: 30px auto 0;
}

.sblogWrapp .contents #qaa {
  padding: 2px;
  border: solid 4px #E6E6E6;
  background: #B3B3B3;
}

.sblogWrapp .contents #qaa .inner {
  padding: 25px 7.9% 15px;
  background: #FFF;
}

.sblogWrapp .contents #qaa .inner dl {
  border-top: solid 1px #CCC;
}

.sblogWrapp .contents #qaa .inner dl dt {
  min-height: 30px;
  margin: 20px 0 15px;
  padding-left: 40px;
  color: #EC6F82;
  font-size: 18px;
  background: url("../img/top/icon-q.png") left top no-repeat;
  background-size: 30px;
}

.sblogWrapp .contents #qaa .inner dl dd {
  min-height: 30px;
  margin-bottom: 15px;
  padding-left: 40px;
  font-size: 14px;
  background: url("../img/top/icon-a.png") left top no-repeat;
  background-size: 30px;
}

.sblogWrapp .contents #guidance {
  padding: 15px 4%;
  background: url("../img/top/bg1.png");
}

.sblogWrapp .contents #guidance .wrap {
  padding: 29px 4.8% 25px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background: #FFF;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sblogWrapp .contents #guidance .wrap div p.text1 {
  margin: 20px 0 12px;
}

.sblogWrapp .contents #shop {
  padding: 29px 4.3% 10px;
  background: url("../img/top/bg-shop.png");
}

.sblogWrapp .contents #shop ul {
  margin-bottom: 15px;
  padding: 15px 4.3%;
  border: solid 1px #FFF;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sblogWrapp .contents #shop ul li {
  margin: 0 20px;
}

.sblogWrapp .contents #shop ul li a {
  color: #FFF;
  text-decoration: underline;
}

.sblogWrapp .contents #shop .box {
  margin-bottom: 10px;
  padding: 15px 4.8%;
  background: #FFF;
}

.sblogWrapp .contents #shop .box .left table {
  width: 100%;
  margin-bottom: 16px;
  border-top: solid 1px #C7B299;
  border-bottom: solid 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr {
  border-bottom: dotted 1px #C7B299;
}

.sblogWrapp .contents #shop .box .left table tr th {
  width: 140px;
  padding: 15px 0;
  color: #534741;
  font-size: 15px;
  background: #F2F2F2;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(1) th {
  letter-spacing: 2em;
  text-indent: 2em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(2) th {
  letter-spacing: 0.8em;
  text-indent: 0.8em;
}

.sblogWrapp .contents #shop .box .left table tr:nth-of-type(4) th {
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.sblogWrapp .contents #shop .box .left table tr td {
  padding: 0 25px;
  vertical-align: middle;
}

.sblogWrapp .contents #shop .box .right .gmap {
  margin-bottom: 16px;
}

.sblogWrapp .contents #shop .box .right .gmap {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}

.sblogWrapp .contents #shop .box .right .gmap embed,
.sblogWrapp .contents #shop .box .right .gmap iframe,
.sblogWrapp .contents #shop .box .right .gmap object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sblogWrapp .contents #shop .box .btn {
  margin-top: 16px;
}

.sblogWrapp .contents .ft_btn {
  margin: 25px 10.7%;
}

.sblogWrapp .contents #blog {
  width: 1000px;
  margin: 77px auto 80px;
}

.sblogWrapp .contents #blog h2 {
  margin-bottom: 47px;
}

.sblogWrapp .contents #blog ul {
  margin-bottom: 34px;
  display: flex;
  flex-wrap: wrap;
}

.sblogWrapp .contents #blog ul li {
  width: 318px;
  margin: 0 20px 20px 0;
  border: solid 1px #E6E6E6;
}

.sblogWrapp .contents #blog ul li a {
  padding: 20px;
  display: block;
}

.sblogWrapp .contents #blog ul li a p.thumb {
  margin-bottom: 15px;
  text-align: center;
}

.sblogWrapp .contents #blog ul li a p.thumb img {
  max-width: 280px;
  height: auto;
}

.sblogWrapp .contents #blog ul li a p.date {
  margin-bottom: 10px;
  color: #EC6F82;
}

.sblogWrapp .contents #blog ul li a p.title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #B3B3B3;
}

.sblogWrapp .contents #blog ul li a p.comment {
  margin-bottom: 50px;
}

.sblogWrapp .contents #blog ul li:nth-child(3n) {
  margin: 0 0 20px;
}

.sblogWrapp .contents .wp-pagenavi {
  text-align: center;
  color: #EC6F82;
}

.sblogWrapp .contents .wp-pagenavi a,
.sblogWrapp .contents .wp-pagenavi span {
  margin: 2px 5px !important;
  padding: 3px 10px !important;
  color: #EC6F82;
  border: solid 1px #EC6F82 !important;
}

.sblogWrapp .contents .wp-pagenavi span.current {
  color: #FFF;
  background: #EC6F82;
}

.sblogWrapp .contents .wp-pagenavi a:hover,
.sblogWrapp .contents .wp-pagenavi span.current {
  border: solid 1px #EC6F82;
}

.sblogWrapp .contents #single {
  width: 1000px;
  margin: 50px auto 52px;
}

.sblogWrapp .contents #single #breadcrumb {
  margin-bottom: 30px;
  color: #333;
  font-size: 13px;
}

.sblogWrapp .contents #single #box {
  padding: 50px;
  border: solid 1px #E6E6E6;
}

.sblogWrapp .contents #single #box h2 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #EC6F82;
  font-size: 17px;
  border-bottom: solid 1px #B3B3B3;
}

.sblogWrapp .contents #single #box h2 span {
  position: absolute;
  right: 0;
  top: 5px;
  color: #333;
  font-weight: 400;
  font-size: 12px;
}

.sblogWrapp .contents #single #box #comment {
  margin-bottom: 35px;
  word-break: break-all;
}

.sblogWrapp .contents #single #box #eyecatch {
  margin-bottom: 25px;
  text-align: center;
}

.sblogWrapp .contents #single #box #eyecatch img {
  max-width: 100%;
  height: auto;
}

.sblogWrapp .contents #single #box ul#single_pager {
  display: flex;
  justify-content: center;
}

.sblogWrapp .contents #single #box ul#single_pager li {
  margin-right: 10px;
  border: solid 1px #EC6F82;
}

.sblogWrapp .contents #single #box ul#single_pager li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #single #box ul#single_pager li a {
  padding: 10px 20px;
  color: #EC6F82;
  display: block;
}

.sblogWrapp .contents #single #box ul#single_pager li a:hover {
  color: #FFF;
  text-decoration: none;
  background: #EC6F82;
}

.sblogWrapp .contents #contact {
  width: 1000px;
  margin: 73px auto 116px;
}

.sblogWrapp .contents #contact h2 {
  margin-bottom: 53px;
}

.sblogWrapp .contents #contact #form {
  margin: 0 50px;
  text-align: center;
}

.sblogWrapp .contents #contact #form #navigation {
  margin-bottom: 50px;
}

.sblogWrapp .contents #contact #form table {
  width: 100%;
  border: solid 1px #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr th {
  position: relative;
  width: 195px;
  padding: 35px 0 35px 55px;
  text-align: left;
  color: #FFF;
  font-weight: 400;
  font-size: 15px;
  vertical-align: top;
  border-bottom: solid 1px #FFF;
  background: #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr:last-of-type th {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form table tr th p.required {
  position: absolute;
  right: 33px;
  top: 31px;
  padding: 5px 10px;
  text-align: center;
  color: #FD6E8C;
  font-size: 12px;
  border-radius: 4px;
  background: #FFF;
}

.sblogWrapp .contents #contact #form table tr td {
  position: relative;
  padding: 30px;
  text-align: left;
  color: #333;
  font-size: 15px;
  border-bottom: solid 1px #CCC;
}

.sblogWrapp .contents #contact #form table tr td input[type=text],
.sblogWrapp .contents #contact #form table tr td input[type=email] {
  height: 28px;
  max-width: 80%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td.store {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td select {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sblogWrapp .contents #contact #form table tr td.store select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td .birth {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .birth select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td .seijin select {
  width: 60%;
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr td .zip input:first-child {
  margin-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .zip input:last-child {
  margin-left: 5px;
}

.sblogWrapp .contents #contact #form table tr td p.text1 {
  margin-top: 10px;
}

.sblogWrapp .contents #contact #form table tr td p.text3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #CCC;
}

.sblogWrapp .contents #contact #form table tr td p.required {
  position: absolute;
  right: 4.8%;
  top: 25px;
  padding: 5px 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr td .hope:nth-child(5) {
  margin-bottom: 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text4 {
  margin: 20px 0 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text5 {
  margin: 10px 0;
}

.sblogWrapp .contents #contact #form table tr td .hope {
  margin-bottom: 30px;
}

.sblogWrapp .contents #contact #form table tr td .hope:last-of-type {
  margin-bottom: 0;
}

.sblogWrapp .contents #contact #form table tr td textarea {
  width: 100%;
  height: 170px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #B3B3B3;
}

.sblogWrapp .contents #contact #form table tr:last-of-type td {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form p.text2 {
  margin: 60px 0 30px;
  color: #EC6F82;
  font-size: 21px;
}

.sblogWrapp .contents #contact #form input[name=submitBack],
.sblogWrapp .contents #contact #form input[name=check] {
  width: 280px;
  height: 60px;
  margin: 55px 10px 0;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

.sblogWrapp .contents #contact #form input[name=submitBack] {
  background-image: url("../img/page/btn_back.png");
}

.sblogWrapp .contents #contact #form input[name=check] {
  background-image: url("../img/page/btn_send.png");
}

.sblogWrapp .contents #contact #form input[name=submitConfirm] {
  width: 500px;
  height: 62px;
  margin: 55px auto 0;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url("../img/page/btn_conf.png");
  overflow: hidden;
}

.sblogWrapp .contents #contact #form p.img1_thanks {
  margin-bottom: 23px;
}

.sblogWrapp .contents #contact #form p.img2_thanks {
  margin-bottom: 43px;
}

.sblogWrapp .contents #contact2 {
  width: 1000px;
  margin: 73px auto 116px;
}

.sblogWrapp .contents #contact2 h2 {
  margin-bottom: 53px;
}

.sblogWrapp .contents #contact2 #form2 {
  padding: 58px 49px 66px;
  text-align: center;
  border: solid 1px #E6E6E6;
}

.sblogWrapp .contents #contact2 #form2 #navigation {
  margin-bottom: 72px;
}

.sblogWrapp .contents #contact2 #form2 .img1 {
  width: 411px;
  margin: 0 auto 48px;
}

.sblogWrapp .contents #contact2 #form2 .img2 {
  width: 489px;
  margin: 0 auto 43px;
}

.sblogWrapp .contents #contact2 #form2 .btn {
  width: 500px;
  margin: 0 auto;
}

.sblogWrapp .contents #blog {
  margin-top: 60px;
  padding: 15px 4% 35px;
  background: #FAFAFA;
}

.sblogWrapp .contents #blog .inner {
  margin-bottom: 15px;
  padding-bottom: 10px;
  background: #FFF;
}

.sblogWrapp .contents #blog ul {
  margin-bottom: 15px;
  padding: 2.2% 2.2% 15px;
}

.sblogWrapp .contents #blog ul li {
  border-bottom: dotted 1px #B3B3B3;
}

.sblogWrapp .contents #blog ul li a {
  padding: 10px 2.2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: url("../img/sp/common/list-bg.png") right 2.2% center no-repeat;
  background-size: 8px;
}

.sblogWrapp .contents #blog ul li a p.thumb {
  width: 35.2%;
  margin-bottom: 15px;
  text-align: center;
}

.sblogWrapp .contents #blog ul li a p.thumb img {
  max-width: 100%;
}

.sblogWrapp .contents #blog ul li a div {
  width: 59.7%;
  padding-right: 2.2%;
}

.sblogWrapp .contents #blog ul li a p.date {
  margin-bottom: 5px;
  color: #EC6F82;
}

.sblogWrapp .contents #blog ul li a p.title {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.sblogWrapp .contents #blog ul li a p.title a {
  display: inline !important;
}

.sblogWrapp .contents #blog ul li a p.comment {
  margin-bottom: 5px;
}

.sblogWrapp .contents #blog ul li a p.more {
  color: #EC6F82;
}

.sblogWrapp .contents #blog p.btn {
  margin: 0 9.3%;
}

.sblogWrapp .contents .wp-pagenavi {
  margin-top: 25px !important;
  margin-bottom: 20px !important;
  text-align: center !important;
  font-size: 14px !important;
}

.sblogWrapp .contents .wp-pagenavi a,
.sblogWrapp .contents .wp-pagenavi span.extend,
.sblogWrapp .contents .wp-pagenavi span.pages {
  color: #FD6E8C !important;
  background: #FFFFFF !important;
  border: solid 1px #FD6E8C !important;
  padding: 6px 9px 6px 9px !important;
  margin-right: 3px !important;
  text-decoration: none !important;
  display: inline-block;
}

.sblogWrapp .contents .wp-pagenavi a:hover {
  color: #FFFFFF !important;
  border: solid 1px #FD6E8C !important;
  background: #FD6E8C !important;
}

.sblogWrapp .contents .wp-pagenavi span.current {
  margin-right: 3px !important;
  padding: 6px 9px 6px 9px !important;
  color: #FFFFFF !important;
  border: solid 1px #FD6E8C !important;
  background: #FD6E8C !important;
}

.sblogWrapp .contents #single {
  margin-top: 60px;
  padding: 15px 4% 35px;
  background: #F9F9F9;
}

.sblogWrapp .contents #single #breadcrumb {
  display: none;
}

.sblogWrapp .contents #single #box {
  margin-bottom: 15px;
  padding: 15px 4.3% 25px;
  background: #FFF;
}

.sblogWrapp .contents #single #box h2 {
  margin-bottom: 10px;
  padding-bottom: 15px;
  color: #EC6F82;
  font-size: 17px;
  border-bottom: solid 1px #EC7C8D;
}

.sblogWrapp .contents #single #box p.date {
  margin-bottom: 15px;
  color: #EC7C8D;
  font-weight: 400;
  font-size: 12px;
}

.sblogWrapp .contents #single #box #comment {
  word-break: break-all;
}

.sblogWrapp .contents #single #box #eyecatch {
  margin-bottom: 25px;
  text-align: center;
}

.sblogWrapp .contents #single #box #comment img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.sblogWrapp .contents #single p.btn {
  margin: 0 9.3%;
}

.sblogWrapp .contents #single #box ul#single_pager {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

.sblogWrapp .contents #single #box ul#single_pager li {
  margin-right: 10px;
}

.sblogWrapp .contents #single #box ul#single_pager li a {
  padding: 10px 20px;
  color: #FD6E8C;
  border: solid 1px #FD6E8C;
  display: block;
}

.sblogWrapp .contents #single #box ul#single_pager li:last-child {
  margin-right: 0;
}

.sblogWrapp .contents #contact {
  margin-top: 60px;
  padding: 0 4% 15px;
  background: #F9F9F9;
}

.sblogWrapp .contents #contact #form {
  padding: 15px 4.3% 25px;
  text-align: center;
  background: #FFF;
}

.sblogWrapp .contents #contact #form #navigation {
  margin-bottom: 15px;
}

.sblogWrapp .contents #contact #form table {
  width: 100%;
}

.sblogWrapp .contents #contact #form table tr th {
  position: relative;
  width: 95.2%;
  padding: 15px 0 15px 4.8%;
  text-align: left;
  color: #534741;
  font-weight: 400;
  font-size: 15px;
  vertical-align: top;
  background: rgba(236, 124, 141, 0.15);
  display: inline-block;
}

.sblogWrapp .contents #contact #form table tr:last-of-type th {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form table tr th p.required {
  position: absolute;
  right: 4.8%;
  top: 10px;
  padding: 5px 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8D;
}

.sblogWrapp .contents #contact #form table tr td {
  position: relative;
  width: 96.8%;
  padding: 15px 1.6%;
  text-align: left;
  color: #333;
  font-size: 15px;
  display: inline-block;
}

.sblogWrapp .contents #contact #form table tr td input[type=text],
.sblogWrapp .contents #contact #form table tr td input[type=email] {
  width: 96.8%;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .mwform-tel-field input[type=text] {
  width: auto;
}

.sblogWrapp .contents #contact #form table tr td .zip input[type=text] {
  width: auto;
}

.sblogWrapp .contents #contact #form table tr td.store {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td select {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sblogWrapp .contents #contact #form table tr td.store select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .birth {
  padding-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .birth select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .seijin select {
  height: 28px;
  margin-right: 5px;
  padding: 0 5px;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr td .zip input:first-child {
  margin-right: 5px;
}

.sblogWrapp .contents #contact #form table tr td .zip input:last-child {
  margin-left: 5px;
}

.sblogWrapp .contents #contact #form table tr td p.text1 {
  margin-top: 10px;
}

.sblogWrapp .contents #contact #form table tr td p.text3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #CCC;
}

.sblogWrapp .contents #contact #form table tr td p.required {
  position: absolute;
  right: 4.8%;
  top: 15px;
  padding: 5px 10px;
  text-align: center;
  color: #FFF;
  font-size: 12px;
  border-radius: 4px;
  background: #EC7C8B;
}

.sblogWrapp .contents #contact #form table tr td .hope:nth-child(5) {
  margin-bottom: 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text4 {
  margin: 20px 0 50px;
}

.sblogWrapp .contents #contact #form table tr td p.text5 {
  margin: 10px 0;
}

.sblogWrapp .contents #contact #form table tr td .hope:nth-of-type(2) {
  margin-bottom: 30px;
}

.sblogWrapp .contents #contact #form table tr td textarea {
  width: 100%;
  height: 170px;
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  box-sizing: border-box;
  border: solid 1px #E2E2E2;
}

.sblogWrapp .contents #contact #form table tr:last-of-type td {
  border-bottom: solid 0 #FFF;
}

.sblogWrapp .contents #contact #form p.text2 {
  margin: 15px 0 20px;
  padding-bottom: 10px;
  text-align: left;
  color: #EC6F82;
  font-size: 21px;
  border-bottom: dotted 1px #EC7C8D;
}

.sblogWrapp .contents #contact #form input[name=submitBack],
.sblogWrapp .contents #contact #form input[name=check] {
  width: 150px;
  height: 45px;
  margin: 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}

.sblogWrapp .contents #contact #form input[name=submitBack] {
  background-image: url("../img/sp/common/btn_back.png");
  background-size: cover;
}

.sblogWrapp .contents #contact #form input[name=check] {
  background-image: url("../img/sp/common/btn_send.png");
  background-size: cover;
}

.sblogWrapp .contents #contact #form input[name=submitConfirm] {
  width: 280px;
  height: 45px;
  margin: 0 auto;
  text-indent: -9999px;
  cursor: pointer;
  border: none;
  background: url("../img/sp/common/btn_conf.png");
  background-size: cover;
  overflow: hidden;
}

.sblogWrapp .contents #contact #form p.img1_thanks {
  margin-bottom: 23px;
}

.sblogWrapp .contents #contact #form p.img2_thanks {
  margin-bottom: 43px;
}

.sblogWrapp .contents #contact2 {
  margin-top: 60px;
  padding: 0 4% 30px;
  background: #F9F9F9;
}

.sblogWrapp .contents #contact2 #form2 div {
  margin-bottom: 15px;
  padding: 15px 4.3% 31px;
  text-align: center;
  background: #FFF;
}

.sblogWrapp .contents #contact2 #form2 .btn {
  margin: 0 9.3%;
}

.sblogWrapp .contents img {
  width: auto;
  display: inline-block;
  vertical-align: inherit;
}

.page.page-id-85 #header {
  background: url("images/mv_menu.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page.page-id-85 #header {
    background-position: -250px 0;
  }
}
@media screen and (max-width: 812px) {
  .page.page-id-85 #header {
    background: url("images/mv_menu_tab.jpg") no-repeat right top;
    background-size: contain;
    background-position: right top;
  }
}
@media screen and (max-width: 750px) {
  .page.page-id-85 #header {
    background: url("images/sp_mv_menu.jpg") no-repeat left top;
    background-size: cover;
    background-position: right top;
  }
}
.page.page-id-62 #header {
  background: url("images/mv_campaignlist.jpg") no-repeat left top;
  background-size: cover;
}

.category-2 #header {
  background: url("images/mv_campaignlist.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page.page-id-62 #header {
    background: url("images/mv_campaignlist.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page.page-id-62 #header {
    background: url("images/sp_mv_campaignlist.jpg") no-repeat left top;
    background-size: cover;
    height: 240px;
  }
  .category-2 #header {
    background: url("images/sp_mv_campaignlist.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page.page-id-79 #header {
  background: url("images/mv_bloglist.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page.page-id-79 #header {
    background-position: -300px top;
  }
}
@media screen and (max-width: 821px) {
  .page.page-id-79 #header {
    background: url("images/mv_bloglist.jpg") no-repeat 0 -60px;
    background-size: cover;
  }
  .page-id-131 #header {
    height: 240px;
  }
}
.sbloglist #header {
  background: url("images/mv_bloglist.jpg") no-repeat left top;
  background-size: cover;
}

.category-3 #header {
  background: url("images/mv_bloglist.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page.page-id-79 #header {
    background: url("images/sp_mv_bloglist.jpg") no-repeat left top;
    background-size: cover;
  }
  .sbloglist #header {
    background: url("images/sp_mv_bloglist.jpg") no-repeat left top;
    background-size: cover;
  }
  .category-3 #header {
    background: url("images/sp_mv_bloglist.jpg") no-repeat left top;
    background-size: cover;
  }
}
/* .page.page-id-103 #header {
  background: url("images/mv_reserve.jpg") no-repeat left top;
  background-size: cover;
} */

/* @media screen and (max-width: 1025px) {
  .page.page-id-103 #header {
    background: url("images/mv_reserve.jpg") no-repeat -400px 0;
  }
} */
/* @media screen and (max-width: 812px) {
  .page.page-id-103 #header {
    background: url("images/sp_mv_reserve.jpg") no-repeat left top;
    background-size: cover;
  }
} */
.page.page-id-82 #header {
  /* background: url("images/mv_reserve.jpg") no-repeat left top; */
  background: url("images/mv_first.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page.page-id-82 #header {
    /* background: url("images/sp_mv_reserve.jpg") no-repeat left top; */
    background: url("images/sp_mv_first.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page.page-id-104 #header {
  background: url("images/mv_request.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page.page-id-104 #header {
    background: url("images/mv_request.jpg") no-repeat -250px 0;
  }
}
@media screen and (max-width: 812px) {
  .page.page-id-104 #header {
    background: url("images/sp_mv_request.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19107 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page-id-19107 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19105 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page-id-19105 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19109 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page-id-19109 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19111 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page-id-19111 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19097 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-19097 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-19097 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19101 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-19101 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-19101 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19099 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-19099 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-19099 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19103 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 812px) {
  .page-id-19103 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-19103 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-19103 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-19103 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-22027 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-22027 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-22027 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-25788 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-25788 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-25788 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-25785 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-25785 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-25785 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-22177 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-22177 #header {
    background: url("images/eyecatch-imagessshop.jpg") no-repeat -350px 0;
  }
}
@media screen and (max-width: 812px) {
  .page-id-22177 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
}
.page-id-91 #header {
  background: url("images/eyecatch-imagessshop.jpg") no-repeat left top;
  background-size: cover;
}

@media screen and (max-width: 1025px) {
  .page-id-91 #header {
    background-position: -300px top;
  }
}
@media screen and (max-width: 812px) {
  .page-id-91 #header {
    background: url("images/sp_eyecatch-imagessshop.jpg") no-repeat left top;
    background-size: cover;
  }
  .shopinfo .mainCon .btnAreaWrapp .btnArea li:nth-child(8) {
    margin-left: 0;
  }
}
#header .inrBox01 .gNav01 li:nth-child(6) {
  height: 92px;
}

#header .inrBox01 .gNav01 li:nth-child(7) {
  height: 86px;
}

#header .inrBox01 .gNav01 li:nth-child(8) {
  height: 183px;
}

#header .inrBox01 .gNav01 li:nth-child(6):after {
  top: 76px;
  height: 207px;
}

#header .inrBox01 .gNav01 li:nth-child(7):after {
  top: 76px;
  height: 207px;
}

#header .inrBox01 .gNav01 li:nth-child(8):after {
  top: 150px;
  height: 117px;
}

#header .inrBox01 .gNav01 li:nth-child(6) a span {
  top: 252px;
}

#header .inrBox01 .gNav01 li:nth-child(7) a span {
  top: 250px;
}

#header .inrBox01 .gNav01 li:nth-child(8) a span {
  top: 161px;
}

#header .inrBox01 .gNav01 li:nth-child(5) {
  width: 30px;
}

#header .inrBox01 .gNav01 li:nth-child(5) a span {
  top: 295px;
  left: 35px;
}

@media screen and (min-width: 813px) {
  .pc_hide {
    display: none;
  }
}
@media screen and (max-width: 812px) {
  #footer .footerContents .inrBox01 .twoColumn .leftBox {
    width: 70%;
  }
  .smart_hide {
    display: none;
  }
}
/* 2023.01.17追加 */
.mamafurisode .pink-back {
  background-color: #ccc;
  background-size: cover;
}

.mamafurisode .texture-back {
  /* background: url("images/bg02.jpg") no-repeat left top; */
  background-size: cover;
  background-color: #fff;
}

#header .gNavSP a li.min {
  font-size: 1rem;
  letter-spacing: 0.1px;
}

#header .inrBox02.isFlow .gNav02 .parent_menu .child_menu.min .child_menu_link li {
  font-size: 1.2rem;
}

#calendar {
  width: 350px;
}

.reserve dl dd .your-birthday {
  width: 60px;
}

.reserve dl dd .dropDownTime {
  height: 38px;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .reserve dl dd .dropDownTime {
    float: right;
  }
}

.reserve dl dd .your-birthday,
.reservelp_test dl dd .your-birthday,
.reservelp dl dd .your-birthday {
  width: 60px;
}
.reserve dl dd .dropDownTime,
.reservelp_test dl dd .dropDownTime,
.reservelp dl dd .dropDownTime {
  height: 38px;
  margin-left: 10px;
}

@media (max-width: 767px) {
    .reserve dl dd .dropDownTime,
  .reservelp_test dl dd .dropDownTime,
.reservelp dl dd .dropDownTime {
    margin-left: 5px;
  }
}
.request dl dd.your-birthday-01Dd p {
  display: flex;
}

.request dl dd.yourCalendarWrappDd p {
  display: flex;
}

.request dl dd .your-birthday {
  width: 60px;
}

.request dl dd .dropDownTime {
  height: 38px;
  margin-left: 10px;
}

.request dl dd.your-birthday-01Dd p {
  display: flex;
}

.new_top_list {
  display: flex;
  flex-wrap: wrap;
}

.purchase .mainCon h4 .font-eng02.new_span_box, .rental .mainCon h4 .font-eng02.new_span_box {
  display: block;
}

.mamafurisode .ttlCommon-c .font-eng02.font {
  font-family: "myfont-bellmt", "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "Noto Serif", "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
}

.page .mainCon .topBox.studio {
  margin-bottom: 10px;
}

.request dl dd .wpcf7-form-control-wrap .wpcf7-not-valid-tip, .reserve dl dd .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  left: 17px;
  top: auto;
  bottom: -59px;
  width: 100%;
  pointer-events: none;
}

.reserve dl dd .your-birthday {
  float: left;
  height: 38px;
  margin-left: 10px;
}

.parent-pageid-85 .mainCon .inrBox {
  padding-bottom: 90px !important;
}

@media screen and (max-width: 750px) {
  .page .mainCon .topBox.ttlBg02 {
    margin-bottom: 25px;
  }
  .leadtxt {
    font-size: 1.4rem;
  }
  .wpcf7 form.invalid .wpcf7-response-output {
    margin-top: -160px;
  }
}
@media screen and (max-width: 480px) {
  /*.menu .mainCon .inrBox .twoColumn .leadTxt.wid_75{
      width: 75%;
  }*/
  html.active {
    height: 100%;
    overflow: hidden;
  }
}
@media screen and (min-width: 751px) {
  .page #header .headerTxtArea .PageSubTtl br {
    display: none;
  }
}
main {
  margin-top: 150px;
}

.wpcf7-box02 {
  display: flex;
}

.wpcf7-box02 .wpcf7-back {
  margin-top: 0;
}

.new_sub {
  font-size: 2rem;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1;
  border: 2px solid #9b9f33;
  position: relative;
  display: block;
  width: 300px;
  text-align: center;
  background: url(images/icon-plus.png) no-repeat right center;
  background-size: 19px;
  background-position-x: 90%;
  z-index: 1;
}

.contents .mw_wp_form .error {
  font-size: 1.3rem;
  color: #dc3232;
}

.page-id-19097 .campaignListBox,
.page-id-19101 .campaignListBox,
.page-id-19099 .campaignListBox,
.page-id-19103 .campaignListBox {
  padding-top: 150px;
}

@media screen and (min-width: 1600px) {
  .campaignList {
    min-height: 600px;
  }
}
dl dd.add_min {
  min-height: 200px;
}

.mw_wp_form_preview dl dd.your-birthday-01Dd,
.mw_wp_form_preview dl dd.your-birthday-01Dd {
  display: flex !important;
  align-items: baseline !important;
}

.mw_wp_form_preview dl dd .unitFont,
.mw_wp_form_preview dl dd .unitFont {
  top: 0 !important;
}

.reservelp_test dl .shopSelectWrappDd,
.reservelp dl .shopSelectWrappDd,
.request dl .shopSelectWrappDd,
.reserve dl .shopSelectWrappDd {
  padding: 10px 0 0 15px;
}

@media screen and (max-width: 812px) {
  .reservelp_test dl dd.sp_flex_box,
.request dl dd.sp_flex_box,
.reserve dl dd.sp_flex_box,
.reservelp dl dd.sp_flex_box {
    min-height: 90px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 15px 0;
    border-left: 1px solid #ddd;
    border-top: none;
    /*display: flex;
    flex-direction: column;
    padding: 0;*/
  }
  .reservelp_test dl dd.sp_flex_box > .radio,
.request dl dd.sp_flex_box > .radio,
.reserve dl dd.sp_flex_box > .radio,
.reservelp dl dd.sp_flex_box > .radio {
    max-width: calc(100% - 30px);
    width: 100%;
    margin: 0 auto;
  }
  .reservelp_test dl dd.sp_flex_box > .radio > input,
.request dl dd.sp_flex_box > .radio > input,
.reserve dl dd.sp_flex_box > .radio > input,
.reservelp dl dd.sp_flex_box > .radio > input {
    width: auto;
    height: auto;
  }
  .request dl dd.sp_flex_box .horizontal-item,
.reserve dl dd.sp_flex_box .horizontal-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
  }
  .reserve dl .shopSelectWrappDd {
    height: 200px;
  }
  .reserve dl .shopSelectWrappDt {
    height: 200px;
  }
  .request dl dd .your-birthday,
.reserve dl dd .your-birthday {
    width: 30px;
    height: auto;
  }
  #calendar {
    width: 100px;
    height: auto;
  }
  .contents .mw_wp_form .error {
    float: left;
    font-size: 1.2rem;
  }
  .request dl .your-mailDd, .request dl .your-name01Dd, .request dl .your-name02Dd, .request dl .your-telDd, .reserve dl .your-mailDd, .reserve dl .your-name01Dd, .reserve dl .your-name02Dd, .reserve dl .your-telDd {
    display: flex;
    flex-direction: column;
  }
}
.footer_bana {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}

@media screen and (max-width: 998px) {
  .footer_bana img {
    width: 100%;
  }
}
#header .gNavSP .last_head a {
  width: 100%;
  text-align: center;
  padding: 10px 10px 100px 10px;
  box-sizing: border-box;
  background: #333;
}

#header .gNavSP .last_head a img {
  width: 100%;
}

.swiper-wrapper {
  display: flex;
}

.mainCon .campaignList {
  margin-top: 185px;
  overflow: visible;
}

@media screen and (max-width: 812px) {
  .mainCon .campaignList {
    width: 92%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  .mainCon .campaignList {
    width: 90%;
    margin: 0 auto;
  }
}
.mainCon .campaignList .listWrapp .slick-list {
  overflow: visible !important;
  margin-bottom: 100px;
}

.mainCon .campaignList .listWrapp .slick-dots {
  right: 100px;
  text-align: right;
}

.mainCon .campaignList .listWrapp .slick-dots li button:before {
  content: "" !important;
  width: 10px;
  height: 10px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 20px;
  background: #9b918f;
}

.mainCon .campaignList .listWrapp .slick-dots .slick-active button:before {
  background: #776561;
}

.mainCon .campaignList .listWrapp .listCon {
  position: relative;
  margin-top: 0px !important;
}

.mainCon .campaignList .listWrapp .listCon .dateBox {
  width: 117px;
  /* position: absolute;
  right: -58px;
  top: -90px; */
  text-align: center;
  z-index: 1;
}

@media screen and (max-width: 812px) {
  .mainCon .campaignList .listWrapp .listCon .dateBox {
    width: 35%;
    right: 0;
    top: -80px;
  }
}
@media screen and (max-width: 480px) {
  .mainCon .campaignList .listWrapp .listCon .dateBox {
    width: 45%;
    top: -55px;
  }
}
.mainCon .campaignList .listWrapp .listCon .dateBox .dateBoxIn {
  width: 100%;
}

.mainCon .campaignList .listWrapp .listCon .dateBox p {
  color: #fe7e6d;
  width: 100%;
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
}

.mainCon .campaignList .listWrapp .listCon .dateBox p a {
  color: #000;
}

@media screen and (max-width: 812px) {
  .mainCon .campaignList .listWrapp .listCon .dateBox p {
    font-size: 0.9rem;
  }
}
.mainCon .campaignList .listWrapp .listCon .thumbnailBox {
  position: relative;
  width: 100%;
}

.mainCon .campaignList .listWrapp .listCon .thumbnailBox:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.mainCon .campaignList .listWrapp .listCon .thumbnailBox .thumbnail {
  width: 100%;
  overflow: hidden;
  text-align: center;
  border-radius: 0px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mainCon .campaignList .listWrapp .listCon .thumbnailBox .thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.mainCon .campaignList .listWrapp .listCon .catBox {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 812px) {
  .mainCon .campaignList .listWrapp .listCon .catBox {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 480px) {
  .mainCon .campaignList .listWrapp .listCon .catBox {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
.mainCon .campaignList .listWrapp .listCon .catBox a {
  font-size: 1.2rem;
  line-height: 1;
  color: #555555;
}

.mainCon .campaignList .listWrapp .ttlBox {
  height: 105px;
  overflow: hidden;
  margin-left: 60px;
  margin-right: 10px;
}

@media screen and (max-width: 812px) {
  .mainCon .campaignList .listWrapp .ttlBox {
    margin-left: 17%;
    margin-right: 2%;
  }
}
.mainCon .campaignList .listWrapp .ttlBox h4 {
  color: #555555;
  font-size: 1.6rem;
  padding-left: 55px;
}

@media screen and (max-width: 812px) {
  .mainCon .campaignList .listWrapp .ttlBox h4 {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 813px) {
  .mainCon .campaignList .listWrapp .listCon .thumbnailBox .thumbnail {
    position: static;
  }
  .mainCon .campaignList .listWrapp .listCon .thumbnailBox .thumbnail img {
    position: static;
    transform: translateX(0%) translateY(0%);
  }
  .swiper-wrapper {
    flex-wrap: wrap;
  }
  .home .mainCon .swiper-container01 {
    height: auto;
    /* max-width: 1200px; */
    margin: 100px auto 0;
  }
  .mainCon .campaignList .listWrapp .listCon .dateBox {
    width: 100px;
    /* position: absolute;
    right: -10px;
    top: -85px; */
    text-align: left;
    z-index: 1;
  }
  .mainCon .campaignList .listWrapp .listCon .thumbnailBox:before {
    display: none;
  }
  .mainCon .campaignList .listWrapp .ttlBox {
    height: 105px;
    overflow: hidden;
    margin-left: 0px;
    margin-right: 10px;
  }
  .mainCon .campaignList .listWrapp .listCon {
    margin-bottom: 50px;
  }
  .mainCon .campaignList .listWrapp .listCon .dateBox p {
    font-size: 1.4rem;
  }
  .mainCon .campaignList .listWrapp .listCon .thumbnailBox {
    width: 100%;
  }
  .mainCon .campaignList .listWrapp .listCon {
    position: relative;
    margin-top: 0px !important;
    margin-bottom: 50px;
    width: 23%;
    margin: 0 1% 0px;
  }
}
@media screen and (max-width: 960px) {
  .new_top_list {
    display: flex;
    flex-wrap: wrap;
  }
  .mainCon .campaignList .listWrapp .listCon {
    width: 46%;
    margin-right: 2% !important;
    margin-left: 2% !important;
  }
}
@media screen and (max-width: 812px) {
  .home .mainCon .swiper-container02 {
    height: auto !important;
  }
}
@media screen and (max-width: 480px) {
  .home .mainCon .swiper-container02 {
    height: auto;
  }
  .mainCon .campaignList .listWrapp .listCon {
    margin-right: 10px !important;
  }
  .home .mainCon .swiper-container02 .swiper-wrapper {
    width: 96%;
    margin: 0 auto 0 5px;
  }
  .mainCon .campaignList .listWrapp .ttlBox {
    margin-left: 0;
    height: auto;
  }
  .new_top_list {
    display: flex;
    flex-wrap: wrap;
  }
  .mainCon .campaignList .listWrapp .listCon {
    width: 46%;
    margin-right: 2% !important;
    margin-left: 2% !important;
  }
}
#header .gNavSP {
  background: #333;
}

.zip_wapper {
  width: 100%;
  margin-bottom: 10px;
}

.zip_wapper #zip {
  width: 20%;
  margin-left: -2px;
}

@media screen and (max-width: 821px) {
  .zip_wapper #zip {
    width: 60%;
    margin-left: 0px;
  }
}
/*モーダル
------------------------------*/
.hide-area {
  display: none;
}

.modaal-content-container {
  padding: 50px 50px 16px;
}

.modaal-content-container h3 {
  text-align: center;
  font-size: 24px;
}

.modaal-content-container > p {
  text-align: center;
  font-size: 16px;
}

.modaal-content-container ul.modaal-line-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
}

.modaal-content-container ul.modaal-line-list a {
  width: 48%;
}

.modaal-content-container ul.modaal-line-list li {
  text-align: center;
  font-size: 16px;
  margin-bottom: 40px;
}

.modaal-content-container ul.modaal-line-list li > div {
  background: #4cc764;
  border-radius: 100px;
  padding: 10px;
  color: #fff;
}

.modaal-content-container ul.modaal-line-list li > p {
  line-height: 1.3;
  margin: 10px 0;
}

.modaal-container {
  width: 640px;
  border-radius: 12px;
}

.hissu_wapper {
  position: relative;
}

.hissu_wapper .error {
  position: absolute;
  top: 20%;
  left: 27%;
}

.hissu_wapper02 {
  position: relative;
}

.hissu_wapper02 .error {
  position: absolute;
  bottom: 20%;
  left: 2%;
}

@media screen and (max-width: 960px) {
  .hissu_wapper .error {
    position: absolute;
    top: -1%;
    left: 10%;
  }
  .hissu_wapper02 .error {
    position: absolute;
    bottom: 5%;
    left: 7%;
  }
  .modaal-container {
    width: 100%;
    border-radius: 12px;
  }
  .modaal-content-container {
    padding: 50px 16px 16px;
  }
  .modaal-content-container h3 {
    text-align: center;
    font-size: 20px;
  }
  .modaal-content-container > p {
    text-align: center;
    font-size: 14px;
  }
  .modaal-content-container ul.modaal-line-list a {
    width: 100%;
  }
  .modaal-close {
    right: inherit;
    left: 20px;
  }
  #header .inrBox01 .logoBox .logo img.smart_hide {
    display: none;
  }
}
@media screen and (min-width: 822px) {
  #header .inrBox01 .logoBox .logo img.pc_hide {
    display: none;
  }
}
.dnone {
  display: none;
}

@media screen and (max-width: 750px) {
  #header .gNavSP ul {
    padding-top: 20px;
  }
  #header .gNavSP ul a:nth-child {
    padding-top: 20px;
  }
}
.request_new_txt {
  margin-top: -70px;
  font-size: 1.5rem;
  text-align: center;
  margin-bottom: 50px;
}

.request_new_txt::before {
  content: "※";
  display: inline-block;
}

@media screen and (max-width: 815px) {
  .request_new_txt {
    margin-top: -40px;
    display: flex;
    text-align: left;
    font-size: 1.4rem;
  }
}
/*追記
--------------------------------------------------------*/
main.campaign_single_wapper {
  margin-top: 0;
  text-align: center;
}

.campaign_single {
  max-width: 720px;
  margin: 0 auto;
}

#footer .footerContents.campaign {
  padding: 10px;
}

#footer .footerContents.campaign .copyRight p {
  text-align: center;
  margin-bottom: 30px;
}

.campaign-archive {
  max-width: 1100px;
  margin: 200px auto 0;
}

.campaign-category {
  margin: 50px auto 50px;
}

.campaign-category h2 {
  text-align: center;
  font-size: 2.6rem;
  margin-bottom: 30px;
  border-bottom: 1px solid #333;
  position: relative;
  padding-bottom: 5px;
}

.campaign-category h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

#footer .footerContents .inrBox03 {
  height: 80px;
  margin-bottom: 0;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .twoColumn {
    width: 98%;
    padding: 4px 0;
  }
}
#footer .footerContents .inrBox03 .largeWrapp {
  padding-left: 75px;
  padding-right: 100px;
  box-sizing: border-box;
}

#footer .footerContents .inrBox03 .leftBox {
  float: left;
  padding-top: 21px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .leftBox {
    display: none;
  }
}
#footer .footerContents .inrBox03 .rightBox {
  float: right;
  padding-top: 14px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .rightBox {
    width: 98%;
    position: fixed;
    bottom: 10px;
    margin: 0 auto;
    left: 1%;
    right: 1%;
    z-index: 9999;
  }
}
#footer .footerContents .inrBox03 .rightBox .fotterBtn {
  height: 56px;
  width: 295px;
  border-radius: 5px;
  position: relative;
  float: left;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .rightBox .fotterBtn {
    width: 32%;
  }
}
#footer .footerContents .inrBox03 .rightBox .fotterBtn .inrWrapp {
  margin: 0 auto;
}

#footer .footerContents .inrBox03 .rightBox .fotterBtn img {
  float: left;
  position: relative;
  left: 40px;
  top: 8px;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .rightBox .fotterBtn img {
    left: 3%;
    top: 13px;
  }
}
#footer .footerContents .inrBox03 .rightBox .fotterBtn p {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 56px;
}

@media all and (-ms-high-contrast: none) {
  #footer .footerContents .inrBox03 .rightBox .fotterBtn p {
    line-height: 52px;
    padding-top: 4px;
  }
}
@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .rightBox .fotterBtn p {
    font-size: 1.4rem;
  }
}
#footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(1) {
  background: #d3908f;
  margin-right: 14px;
  transition: 0.5s;
}

#footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(1):hover {
  background: #d3908f;
  transition: 0.3s;
}

@media screen and (max-width: 821px) {
  #footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(1) {
    margin-right: 2%;
  }
  #footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(2) {
    margin-right: 2%;
  }
}
#footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(2) {
  background: #4ba793;
  transition: 0.5s;
}

#footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(2):hover {
  background: #4ba793;
  transition: 0.3s;
}

#footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(3) {
  background: #4ba793;
  transition: 0.5s;
}

#footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(3):hover {
  background: #4ba793;
  transition: 0.3s;
}

.reserve .gNav01.pcMenu.pcImg.cf.largeWrapp,
.reservelp_test .gNav01.pcMenu.pcImg.cf.largeWrapp,
.reservelp .gNav01.pcMenu.pcImg.cf.largeWrapp {
  display: none;
}

.reserve.page #header .inrBox01,
.reservelp_test.page #header .inrBox01,
.reservelp.page #header .inrBox01 {
  height: 350px;
}

.reserve.page #header,
.reservelp_test.page #header,
.reservelp.page #header {
  height: 350px;
}

.rsvthankslp .gNav01.pcMenu.pcImg.cf.largeWrapp {
  display: none;
}

.rsvthankslp.page #header .inrBox01 {
  height: 350px;
}

.rsvthankslp.page #header {
  height: 350px;
}

/* .campaign_single p a {
    display: block;
    position: relative;
    overflow: hidden;
  transition: 300ms;
}
.campaign_single p a::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #b5e7ff;
    transition: 300ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
} */
/* 
.campaign_single p a:hover {
    text-decoration: none;
    -webkit-transform: translateY(3px);
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
} */
.reserve_line {
  text-align: center;
  margin: 0px 0 50px;
}

.reserve .reserve_line,
.reservelp .reserve_line {
  text-align: center;
  margin: 0px auto 50px;
  max-width: 300px;
}

.reserve .reserve_line img,
.reservelp .reserve_line img {
  width: 100%;
}

.reserve_test .leadTxt {
  font-size: 1.6rem;
  padding: 0 60px;
}

.modaal-content-container ul.modaal-line-list.center {
  justify-content: center;
}

.modaal-content-container ul.modaal-line-list.center a {
  width: 80%;
}

@media screen and (max-width: 750px) {
    .reserve .leadTxt,
    .reservelp_test .leadTxt,
.reservelp .leadTxt {
    padding: 0 0px;
  }
}
.reserve #footer .footerContents .inrBox03 .rightBox,
.reservelp_test #footer .footerContents .inrBox03 .rightBox,
.reservelp #footer .footerContents .inrBox03 .rightBox {
  display: none !important;
}

.rsvthanks_test #footer .footerContents .inrBox03 .rightBox {
  display: none !important;
}

.modaal-content-container ul.modaal-line-list a {
  display: block !important;
}

body .conBox01 .swiper-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

body .conBox01 .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
}

body .conBox01 .swiper-slide {
  flex: 0 0 auto;
  /* width: calc(100% / 3); */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  height: auto;
}

@media screen and (min-width: 751px) {
  body .conBox01 .swiper-slide {
    align-items: flex-start;
    min-height: 500px;
  }
}
body .conBox01 .swiper-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 812px) {
  .reserve dl dt.shopselect,
.reservelp_test dl dt.shopselect,
.reservelp dl dt.shopselect {
    /*height: 100px;*/
    padding: 20px 0;
    border-right: none;
    border-bottom: none;
    border-top: none;
  }
  .reserve dl dt.your-name01Dt,
.reservelp_test dl dt.your-name01Dt,
.reservelp dl dt.your-name01Dt {
    border-top: 1px solid #ddd;
  }
  .reserve dl dd input,
.reservelp_test dl dd input,
.reservelp dl dd input {
    width: 100%;
  }
  .reserve dl dd input,
.reservelp_test dl dd input,
.reservelp dl dd input {
    height: auto;
  }
  .reserve dl dd.your-birthday-01Dd {
    padding: 8px 0 14px 15px;
    display: flex;
  }
  .reserve dl dd.your-birthday-01Dd .error {
    position: absolute;
    bottom: 25px;
  }
  .reserve dl dd .your-birthday,
.reservelp_test dl dd .your-birthday,
.reservelp dl dd .your-birthday {
    width: 60px;
    height: 38px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .reserve dl .your-birthday-01Dt,
.reserve dl .your-birthday-01Dd {
    height: 100px;
  }
}
.reserve dl .your-birthday-01Dd .ymd_around {
  max-width: 420px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0;
}
.reserve dl .your-birthday-01Dd .ymd_around .inbox {
  flex: 1;
}
.reserve dl .your-birthday-01Dd .ymd_around .inbox .your-birthday {
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .reserve dl .your-birthday-01Dd .ymd_around .inbox .unitFont {
    display: none;
  }
}

/*　ここからギャラリーように追加
------------------------*/
.slider-container {
  width: 90%;
  margin: 0 auto;
}

.main-slider {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}

.main-slider img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

#youtube-container {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  height: 100%;
}

#youtube-container iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.main-slider img.active {
  opacity: 1;
}

.thumbnail-slider {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  gap: 10px;
}

.thumbnail-slider img {
  width: 80px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.3s ease;
}

.thumbnail-slider img.active {
  border: 2px solid #007BFF;
}

.collection_single_box {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.collection_single_box .left_box {
  width: 48%;
}

.collection_single_box .right_box {
  width: 48%;
}

.collection_single_box .right_box .ttl {
  margin-bottom: 30px;
}

.collection_single_box .right_box .line_btn {
  background: #4ba793;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  transition: 0.5s;
  max-width: 300px;
  margin: 30px auto;
}

.collection_single_box .right_box .line_btn a {
  color: #fff;
}

.collection_single_box .right_box .line_btn a span {
  color: #fff;
}

.tag_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.tag_list li {
  border: 1px solid #000;
  padding: 5px;
  border-radius: 5px;
  margin: 0 10px 10px 0;
}

.collection_top_list {
  max-width: 1100px;
  margin: 0 auto 50px;
}

.collection_top_list dl {
  display: flex;
  justify-content: space-between;
}

.collection_top_list dl dt {
  width: 20%;
}

.collection_top_list dl dd {
  width: 78%;
}

.collection_top_list dl dd ul {
  display: flex;
  flex-wrap: wrap;
}

.collection_top_list dl dd ul li {
  margin-right: 10px;
  margin-bottom: 10px;
}

.collection_top_list dl.collection_top_list_top dd ul li {
  font-size: 14px;
}

.collection_top_list dl.collection_top_list_top dd ul li a {
  display: flex;
  align-items: center;
}

.collection_top_list dl.collection_top_list_top dd ul li span {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  margin-right: 5px;
}

.collection_top_list dl.collection_top_list_top {
  margin-bottom: 30px;
}

.collection_top_list dl.collection_top_list_top dd ul li.red span {
  background-color: red;
}

.collection_top_list dl.collection_top_list_top dd ul li.pink span {
  background-color: pink;
}

.collection_top_list dl.collection_top_list_top dd ul li.yellow span {
  background-color: yellow;
}

.collection_top_list dl.collection_top_list_top dd ul li.blue span {
  background-color: blue;
}

.collection_top_list dl.collection_top_list_top dd ul li.white span {
  background-color: whitesmoke;
}

.collection_top_list dl.collection_top_list_top dd ul li.green span {
  background-color: green;
}

.collection_top_list dl.collection_top_list_top dd ul li.purple span {
  background-color: purple;
}

.collection_top_list dl.collection_top_list_top dd ul li.brown span {
  background-color: brown;
}

.collection_top_list dl.collection_top_list_top dd ul li.black span {
  background-color: black;
}

.collection_top_list dl.collection_top_list_bottom dd ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
}

.collection_top_list dl.collection_top_list_bottom {
  margin-top: 30px;
}

.collection_top_list dl.collection_top_list_bottom li {
  width: 18%;
  margin-bottom: 10px;
}

.collection_top_list dl.collection_top_list_bottom li a {
  border: 1px solid #ccc;
  padding: 5px 0px;
  display: block;
  font-size: 14px;
  text-align: center;
}

.single .collection .logoBox.largeWrapp {
  display: none;
}

.single .collection .gNav01 {
  display: none;
}

.single #header.collection {
  background: none;
  height: auto;
}

.single #header .inrBox01.collection {
  height: auto;
}

.single #header.collection .headerTxtArea {
  display: none;
}

/* #header.collection .inrBox02.isFlow{
    display: block !important;
} */
.collection_list {
  display: flex;
  flex-wrap: wrap;
}

.collection_list .listCon {
  max-width: 260px;
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  margin-left: 1%;
  margin-right: 1%;
}

.collection_list .listCon a {
  display: block;
}

.collection_list .listCon a img {
  width: 100%;
  height: 350px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* #header.collection .inrBox01 .topTxt{
    padding-top: 70px;
} */
.archive .mainCon .conBox01 .inrBox01.collection {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .page.favorite #header .headerTxtArea {
    margin: -55px auto 50px;
  }
  .page.favorite .collection_top_list dl.collection_top_list_top {
    margin-top: 40px;
  }
  .archive.post-type-archive-collection #header .pankuzu {
    bottom: -80px;
  }
  .archive.tax-collection_cat #header .pankuzu {
    bottom: -80px;
  }
  .collection_top_list dl.collection_top_list_top {
    margin-top: 100px;
  }
  #header.collection .inrBox01 .topTxt {
    padding-top: 0px;
    max-width: 80%;
    margin: 5px;
  }
  #header.collection .inrBox02.isFlow {
    display: none !important;
  }
  main.collection {
    margin-top: 0px;
  }
  .collection_top_list dl {
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
  }
  .collection_top_list dl dt {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }
  .collection_top_list dl dd {
    width: 100%;
  }
  .collection_top_list dl dd ul {
    flex-wrap: wrap;
  }
  .collection_top_list dl dd ul li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .collection_top_list dl.collection_top_list_bottom li {
    width: 49%;
  }
  .collection_single_box {
    flex-direction: column;
    padding: 0 20px;
    margin-top: 60px;
  }
  .collection_single_box .left_box {
    width: 100%;
  }
  .collection_single_box .right_box {
    width: 100%;
    margin-top: 40px;
  }
  .thumbnail-slider img {
    width: 55px;
    height: 50px;
  }
  .main-slider {
    height: 400px;
  }
  .collection-template-default.single main {
    margin-top: 30px;
  }
  .tag_list li {
    font-size: 14px;
    padding: 3px;
  }
  .collection_single_box .right_box .txt_box {
    font-size: 14px;
  }
  .collection-template-default.single .collection .mainCon .conBox02 {
    padding-top: 30px;
  }
  .tax-collection_cat .collection .mainCon .conBox02 {
    padding-top: 30px;
  }
  .post-type-archive-collection .collection .mainCon .conBox02 {
    padding-top: 30px;
  }
}
.pagenaviarea {
  text-align: center;
  margin-bottom: 50px;
}

.pagenaviarea .wp-pagenavi {
  display: flex;
  justify-content: center;
}

.pagenaviarea .wp-pagenavi a, .pagenaviarea .wp-pagenavi span {
  margin: 0;
}

.pagenaviarea .wp-pagenavi a, .wp-pagenavi span {
  border: 1px solid #9f3389;
  padding: 10px 5px;
  margin: 0 5px;
  color: #fff;
  background: #9f3389;
  border-radius: 3px;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagenaviarea .wp-pagenavi a:hover, .pagenaviarea .wp-pagenavi span.current {
  border: 1px solid #ccc;
  background: #ccc;
  color: #fff;
  transition: 0.3s;
  margin: 0 5px;
}

.pagenaviarea .wp-pagenavi a:hover {
  margin: 0 5px;
}

.pagenaviarea .current {
  border: 1px solid #ccc;
  background: #ccc;
}

.pagenaviarea .current:focus,
.pagenaviarea .current:hover {
  border: 1px solid #ccc;
  background: #ccc;
  color: #fff;
}

@media screen and (max-width: 750px) {
  .collection_list .listCon {
    width: 48%;
  }
  .collection_list .listCon a img {
    height: 250px;
  }
}
.listCon.swiper-slide .inrWrapp {
  max-width: 260px;
}

/*  Newのアイコンを表示
------------------------------*/
.collection_list .listCon a {
  position: relative;
}

.collection_list .listCon a .news_mark {
  transform: rotate(-45deg); /* 45度回転 */
  position: absolute;
  left: 1px;
  top: 6px;
  font-size: 12px;
}

.collection_list .listCon a .news_mark span {
  position: relative;
  z-index: 10;
  color: #fff;
}

.collection_list .listCon a .news_mark::after {
  content: "";
  display: block;
  position: absolute;
  left: -8px;
  top: -3px;
  border-bottom: 45px solid transparent;
  border-left: 45px solid #fc6565;
  transform: rotate(45deg);
  z-index: -1;
}

.favorite_button {
  display: block;
  position: relative;
  margin-bottom: 30px;
}

.favorite_button.top {
  margin-bottom: 30px;
  padding-left: 22%;
  margin-top: 30px;
}

button.favorite_button_in {
  display: inline-block;
  padding: 5px 28px 5px 20px;
  border: 1px solid transparent;
  box-shadow: none;
  cursor: pointer;
  border-radius: 50px;
  border-color: #fc6565;
  font-size: 0.95rem;
  transition: 0.2s ease-in-out;
  background: #fff;
  font-weight: 200;
  color: #fc6565;
}

button.favorite_button_in p {
  display: inline-block;
  margin: 0;
  color: #fc6565;
  font-size: 16px;
}

button.favorite_button_in.hover:hover {
  background-color: #fc6565;
  color: #fff;
}

button.favorite_button_in.hover:hover p {
  color: #fff;
}

button.favorite_button_in.hover:hover i {
  color: #fff;
}

button.favorite_button_in:hover {
  opacity: 0.8;
}

button.favorite_button_in i {
  color: #fc6565;
  font-size: 1.3rem;
  vertical-align: -1px;
  margin-right: 8px;
  font-size: 16px;
}

.is-choosen .favorite_button_in {
  background: #fc6565;
  padding: 10px 28px 10px 20px;
}

.is-choosen .favorite_button_in i {
  opacity: 1;
  color: #fff;
  font-size: 16px;
}

.is-choosen .favorite_button_in p {
  font-size: 0;
  color: #fff;
  font-weight: 600;
}

.is-choosen .favorite_button_in p:before {
  font-size: 16px;
  content: "お気に入り解除";
}

.tag_list li.new {
  background-color: #fc6565;
  color: #fff;
  border: none;
}

@media screen and (max-width: 1025px) {
  .rental #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right -200px top 0;
    background-size: contain;
  }
  .mamafurisode #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right -200px top 0;
    background-size: contain;
  }
  .purchase #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right -200px top 0;
    background-size: contain;
  }
  .photo #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right -200px top 0;
    background-size: contain;
  }
  .archive #header, .category-column #header, .column #header, .singleWrappColumn #header {
    background: url(images/eyecatch-images04_tab.jpg) no-repeat left top;
    position: relative;
    display: block;
    background-size: contain;
    background-position: right;
    height: 750px;
  }
  .archive #header .inrBox01, .category #header .inrBox01 {
    height: 750px;
  }
  /* .page.page-id-103 #header,
.about #header {
    background: url(images/mv_reserve_tab.jpg) no-repeat right -50px top 0;
    background-size: contain;
    height: 750px;
  } */
  .blog:not(.home) #header, .category-blog #header, .category-bloglist #header, .category-sblog #header, .singleWrappBlog #header {
    background: url(images/mv_bloglist_tab.jpg) no-repeat right -100px top 0;
    height: 750px;
    background-size: contain;
  }
  .single #header .inrBox01 {
    height: 750px;
  }
  .page.page-id-27835 #header {
    background-position: right -25vw top 0;
  }
}
@media screen and (max-width: 821px) {
  .page-id-131 #header {
    height: 450px;
    background: url(images/eyecatch-images04_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .page-id-131 #header .inrBox01 {
    height: 450px;
  }
  .page.bloglist #header {
    height: 450px;
    background: url(images/mv_bloglist_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .page.bloglist #header .inrBox01 {
    height: 450px;
  }
  .page.page-id-62 #header {
    background: url(images/sp_mv_campaignlist_tab.jpg) no-repeat right top;
    background-size: contain;
    height: 450px;
  }
  .page.campaignlist #header .inrBox01 {
    height: 450px;
  }
  .rental #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .mamafurisode #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .purchase #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .photo #header {
    background: url(images/mv_menu_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .page-id-25788 #header,
.page-id-19103 #header,
.page-id-19099 #header,
.page-id-19101 #header,
.page-id-22027 #header,
.page-id-25785 #header,
.page-id-22177 #header,
.page-id-22177 #header,
.page-id-19097 #header {
    background: url(images/eyecatch-imagessshop_tab.jpg) no-repeat right top;
    background-size: contain;
  }
  .archive #header, .category-column #header, .column #header, .singleWrappColumn #header {
    height: 450px;
  }
  .archive #header .inrBox01, .category #header .inrBox01 {
    height: 450px;
  }
  .blog:not(.home) #header, .category-blog #header, .category-bloglist #header, .category-sblog #header, .singleWrappBlog #header {
    background: url(images/mv_bloglist_tab.jpg) no-repeat right 0px top 0;
    height: 450px;
    background-size: contain;
  }
  .single #header .inrBox01 {
    height: 450px;
  }
  .page.page-id-104 #header {
    background: url(images/mv_request_tab.jpg) no-repeat right top;
    background-size: contain;
    height: 450px;
  }
  .page.page-id-27835 #header {
    height: auto;
    background-size: cover;
    background-position: 5vw 0;
    height: 450px;
  }
  .page.page-id-85 #header {
    background-position: right top;
  }
  .page-id-91 #header {
    background-position: right top;
  }
  .campaign #header, .category-campaign #header, .singleWrappCampaign #header {
    background: url(images/sp_mv_campaignlist_tab.jpg) no-repeat right top;
    background-size: contain;
    height: 450px;
  }
  /* .page.page-id-103 #header {
    height: 450px;
  } */
  .about #header {
    height: 450px;
  }
}
@media screen and (max-width: 750px) {
  .collection_top_list dl.collection_top_list_bottom dd ul {
    justify-content: space-between;
  }
  .page-id-131 #header {
    height: 340px;
    background: url(images/sp-eyecatch-images04.jpg) no-repeat left top;
    background-size: cover;
  }
  .page-id-131 #header .inrBox01 {
    height: 340px;
  }
  .page.bloglist #header {
    height: 340px;
    background: url(images/sp_mv_bloglist.jpg) no-repeat left top;
    background-size: cover;
  }
  .page.bloglist #header .inrBox01 {
    height: 340px;
  }
  .page.page-id-62 #header {
    background: url(images/sp_mv_campaignlist.jpg) no-repeat left top;
    background-size: cover;
    height: 340px;
  }
  .page.campaignlist #header .inrBox01 {
    height: 340px;
  }
  .rental #header {
    background: url(images/sp_mv_menu.jpg) no-repeat left top;
    background-size: cover;
  }
  .mamafurisode #header {
    background: url(images/sp_mv_menu.jpg) no-repeat left top;
    background-size: cover;
  }
  .purchase #header {
    background: url(images/sp_mv_menu.jpg) no-repeat left top;
    background-size: cover;
  }
  .photo #header {
    background: url(images/sp_mv_menu.jpg) no-repeat left top;
    background-size: cover;
  }
  .page-id-25788 #header,
.page-id-19103 #header,
.page-id-19099 #header,
.page-id-19101 #header,
.page-id-22027 #header,
.page-id-25785 #header,
.page-id-22177 #header,
.page-id-22177 #header,
.page-id-19097 #header {
    background: url(images/sp_eyecatch-imagessshop.jpg) no-repeat left top;
    background-size: cover;
  }
  .archive #header, .category-column #header, .column #header, .singleWrappColumn #header {
    background: url(images/sp-eyecatch-images04.jpg) no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .archive #header .inrBox01, .category #header .inrBox01 {
    height: 235px;
  }
  /* .page.page-id-103 #header,
.about #header {
    background: url(images/sp_mv_reserve.jpg) no-repeat left top;
    background-size: cover;
  } */
  .blog:not(.home) #header, .category-blog #header, .category-bloglist #header, .category-sblog #header, .singleWrappBlog #header {
    background: url(images/sp_mv_bloglist.jpg) no-repeat left top;
    height: auto;
    background-size: cover;
    height: 340px;
  }
  .single #header .inrBox01 {
    height: 340px;
  }
  .page.page-id-104 #header {
    background: url(images/sp_mv_request.jpg) no-repeat left 50px top 0;
    background-size: cover;
    height: 340px;
  }
  .page #header {
    height: 340px;
  }
  /* .page.page-id-103 #header {
    height: 340px;
  } */
  .campaign #header, .category-campaign #header, .singleWrappCampaign #header {
    background: url(images/sp_mv_campaignlist.jpg) no-repeat left top;
    background-size: cover;
    height: 340px;
  }
}
.honeypot {
  display: none;
}

@media screen and (min-width: 822px) {
  .single-campaign #footer .footerContents .inrBox03 .rightBox {
    width: 100%;
    max-width: 720px;
    position: fixed;
    bottom: 10px;
    margin: 0 auto;
    left: 1%;
    right: 1%;
    z-index: 9999;
    display: block !important;
  }
  .single-campaign #footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(1) {
    margin-right: 15px;
  }
  .single-campaign #footer .footerContents .inrBox03 .rightBox .fotterBtn:nth-child(2) {
    margin-right: 15px;
  }
  .single-campaign #footer .footerContents .inrBox03 .rightBox .fotterBtn {
    width: 230px;
  }
}
/* ---
    New衣装ギャラリーのCSS
--------------------------------- */
.Common_new_img_wapper {
  position: relative;
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
  transform: translateX(4%);
}

.Common_new_img_wapper .icon01 {
  position: absolute;
  left: 185px;
  top: 116px;
}

.Common_new_img_wapper .icon02 {
  position: absolute;
  left: 130px;
  top: 316px;
}

.Common_new_img_wapper .icon03 {
  position: absolute;
  left: 205px;
  bottom: 168px;
}

.Common_new_img_wapper .icon04 {
  position: absolute;
  left: 300px;
  top: 252px;
}

.Common_new_img_wapper .icon05 {
  position: absolute;
  right: 110px;
  top: 129px;
}

.Common_new_img_wapper .icon06 {
  position: absolute;
  right: 165px;
  bottom: 296px;
}

.Common_new_img_wapper img.bk {
  width: 100%;
}

.Common_btn {
  text-align: center;
  margin-top: 40px;
}

.Common_btn a {
  display: inline-block;
  border: 1px solid #ffa3a3;
  background-color: #ffa3a3;
  padding: 10px 50px;
  border-radius: 30px;
  position: relative;
}

.Common_btn a p {
  color: #fff;
}

.Common_btn a span {
  margin-left: 20px;
  font-size: 1.4rem;
  color: #fff;
}

.Common_btn a span {
  margin-left: 20px;
  font-size: 1.4rem;
}

.Common_btn a::after {
  content: "";
  position: absolute;
  top: 40%;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.Common_btn a:hover {
  background-color: #fff;
  color: #ffa3a3;
}

.Common_btn a:hover p {
  color: #ffa3a3;
}

.Common_btn a:hover p span {
  color: #ffa3a3;
}

.Common_btn a:hover::after {
  border-left: 8px solid #ffa3a3;
}

@media screen and (max-width: 960px) {
  .Common_new_img_wapper .icon01 {
    top: 167px;
  }
  .Common_new_img_wapper .icon02 {
    top: 365px;
  }
  .Common_new_img_wapper .icon04 {
    top: 302px;
  }
  .Common_new_img_wapper .icon05 {
    right: 110px;
    top: 179px;
  }
  .Common_new_img_wapper .icon06 {
    right: 165px;
  }
}
@media screen and (max-width: 830px) {
  .Common_new_img_wapper {
    transform: translateX(1%);
  }
  .Common_new_img_wapper .icon01 {
    top: 19vw;
    left: 21vw;
  }
  .Common_new_img_wapper .icon02 {
    top: 43vw;
    left: 15vw;
  }
  .Common_new_img_wapper .icon03 {
    left: 24vw;
    bottom: 19vw;
  }
  .Common_new_img_wapper .icon04 {
    top: 35vw;
    left: 35vw;
  }
  .Common_new_img_wapper .icon05 {
    top: 21vw;
    right: 13vw;
  }
  .Common_new_img_wapper .icon06 {
    right: 19.5vw;
    bottom: 34.5vw;
  }
}
@media screen and (max-width: 630px) {
  .Common_new_img_wapper .icon01 img {
    width: 19vw;
  }
  .Common_new_img_wapper .icon02 img {
    width: 17vw;
  }
  .Common_new_img_wapper .icon03 img {
    width: 17vw;
  }
  .Common_new_img_wapper .icon04 img {
    width: 25vw;
  }
  .Common_new_img_wapper .icon05 img {
    width: 19vw;
  }
  .Common_new_img_wapper .icon06 img {
    width: 19vw;
  }
}
@media screen and (max-width: 450px) {
  .Common_new_img_wapper .icon01 {
    top: 18vw;
    left: 20vw;
  }
  .Common_new_img_wapper .icon01 img {
    width: 15vw;
  }
  .Common_new_img_wapper .icon02 {
    top: 42vw;
  }
  .Common_new_img_wapper .icon02 img {
    width: 14vw;
  }
  .Common_new_img_wapper .icon03 {
    bottom: 20vw;
  }
  .Common_new_img_wapper .icon03 {
    bottom: 20vw;
  }
  .Common_new_img_wapper .icon04 {
    top: 31vw;
  }
  .Common_new_img_wapper .icon04 img {
    width: 23vw;
  }
  .Common_new_img_wapper .icon05 {
    top: 19vw;
  }
  .Common_new_img_wapper .icon05 img {
    width: 17vw;
  }
  .Common_new_img_wapper .icon06 {
    bottom: 31.5vw;
  }
  .Common_new_img_wapper .icon06 img {
    width: 17vw;
  }
}
.reserve #header .btnTrigger,
.reservelp #header .btnTrigger {
  display: none !important;
}

.page.reserve #header .logoBox .logo
.page.reservelp #header .logoBox .logo {
 pointer-events: none;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 99999;
}
@media screen and (max-width: 1100px) {
  .modal {
    overflow: scroll;
  }
}
.modal .conBox {
  padding-top: 50px;
}
.modal .conBox p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.modal-content {
  background: #fff;
  padding: 20px 50px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  position: relative;
  overflow-y: scroll;
  max-width: 60%;
}
@media screen and (max-width: 1100px) {
  .modal-content {
    padding: 100px 15px;
    max-width: 90%;
    height: 100%;
  }
}
.modal-content .largeWrapp {
  width: 100%;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
  color: #999;
  color: #000;
}
@media screen and (max-width: 1100px) {
  .close-btn {
    top: 100px;
  }
}

.reservelp .logoBox.largeWrapp .logo a,
.reserve .logoBox.largeWrapp .logo a{
    pointer-events: none;
}

.close-btn:hover {
  color: #333;
}

.reserve #header .inrBox02.isFlow,
.reservelp #header .inrBox02.isFlow {
  display: none !important;
}

.reserve.is-aoyama dl dd.yourCalendarWrappDd span.shinjuku-open-info .aoyama_non,
.reservelp.is-aoyama dl dd.yourCalendarWrappDd span.shinjuku-open-info .aoyama_non{
  display: none;
}

.reserve.is-aoyama dl dd.yourCalendarWrappDd,
.reservelp.is-aoyama dl dd.yourCalendarWrappDd {
  height: 110px;
}
@media screen and (max-width: 768px) {
    .reserve.is-aoyama dl dd.yourCalendarWrappDd,  
.reservelp.is-aoyama dl dd.yourCalendarWrappDd {
    height: 160px;
  }
}


@media screen and (max-width: 821px) {
    .reserve.is-aoyama dl dt.yourCalendarWrappDt,
    .reservelp.is-aoyama dl dt.yourCalendarWrappDt {
    height: 110px;
  }
}/*# sourceMappingURL=page_test.css.map */