.cmshtml {
  /* CSS Document */
  /* contents-top */
  /* box-item */
  /* layout-box01 */
  /* contents01 */
  /* contents02 */
  /* contents03 */
  /* news */
  /* contents04 */
  /* contents08 */
}

.cmshtml .contents-top {
  width: 100%;
  max-width: 100%;
  padding: 110px 0px;
}

.cmshtml .contents-top-inner {
  width: 92%;
  max-width: 92%;
}

.cmshtml .contents-top-inner > div:not(:last-child) {
  margin-bottom: 20px;
}

.cmshtml .contents-top img {
  width: 100%;
  height: auto;
}

.cmshtml .contents-top .box-title h2, .cmshtml .contents-top .box-title h3 {
  color: #FFF;
  line-height: 1.2;
  text-shadow: 0px 0px 10px rgba(96, 56, 19, 0.75);
}

.cmshtml .contents-top .contents06 .box-title h2, .cmshtml .contents-top .contents06 .box-title h3, .cmshtml .contents-top .contents07 .box-title h2, .cmshtml .contents-top .contents07 .box-title h3 {
  text-shadow: 0px 0px 10px rgba(96, 56, 19, 0);
}

.cmshtml .contents-top .box-title h2 {
  font-family: var(--title-sub);
  font-weight: var(--base-weight);
  font-size: 4vw;
  line-height: 1;
}

.cmshtml .contents-top .box-title h2::first-letter {
  font-size: 6vw;
}

.cmshtml .contents-top .box-title h3 {
  font-family: var(--title-font);
  font-weight: var(--base-weight2);
  font-size: 2vw;
  letter-spacing: 0.1em;
  padding-top: 5px;
}

.cmshtml .box-item {
  position: relative;
}

.cmshtml .box-item .box-img {
  position: relative;
  overflow: hidden;
  border-radius: 40px;
}

.cmshtml .box-item .box-img::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60%;
  display: block;
  background: -moz-linear-gradient(50% 0% -90deg, rgba(115, 99, 87, 0) 0%, rgba(115, 99, 87, 0.91) 91.04%, #736357 100%);
  background: -webkit-linear-gradient(-90deg, rgba(115, 99, 87, 0) 0%, rgba(115, 99, 87, 0.91) 91.04%, #736357 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgba(115, 99, 87, 0)), color-stop(0.9104, rgba(115, 99, 87, 0.91)), color-stop(1, #736357));
  background: -o-linear-gradient(-90deg, rgba(115, 99, 87, 0) 0%, rgba(115, 99, 87, 0.91) 91.04%, #736357 100%);
  background: -ms-linear-gradient(-90deg, rgba(115, 99, 87, 0) 0%, rgba(115, 99, 87, 0.91) 91.04%, #736357 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#736357', endColorstr='#736357' ,GradientType=0)";
  background: linear-gradient(180deg, rgba(115, 99, 87, 0) 0%, rgba(115, 99, 87, 0.91) 91.04%, #736357 100%);
  mix-blend-mode: multiply;
  z-index: 1;
}

.cmshtml .contents08 .box-img::before {
  background-color: #736357;
  opacity: 0.4;
  height: 100%;
}

.cmshtml .contents05 .box-img::before, .cmshtml .contents06 .box-img::before, .cmshtml .contents07 .box-img::before {
  display: none;
}

.cmshtml .box-item .box-img::after {
  content: "";
  position: absolute;
  right: 25px;
  bottom: 30px;
  background-image: url("../../img/salon/link-arrow01.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 150px;
  height: 50px;
  z-index: 1;
  transition: .5s;
}

.cmshtml .contents06 .box-img::after {
  background-image: url("../../img/salon/link-arrow03.svg");
}

.cmshtml .contents08 .box-img::after {
  background-image: url("../../img/salon/link-arrow04.svg");
}

.cmshtml .contents01 .box-img::after, .cmshtml .contents05 .box-img::after, .cmshtml .contents07 .box-img::after {
  display: none;
}

.cmshtml .box-item:hover .box-img::after {
  right: 15px;
}

.cmshtml .box-item .box-img img {
  transition: .5s all;
  z-index: -1;
}

.cmshtml .box-item:hover .box-img img {
  transform: scale(1.2, 1.2);
  transition: .5s all;
  z-index: -1;
}

.cmshtml .contents01:hover .box-img img, .cmshtml .contents05:hover .box-img img, .cmshtml .contents06:hover .box-img img, .cmshtml .contents07:hover .box-img img {
  transform: scale(1, 1);
}

.cmshtml .box-item .box-detail {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 100%;
  padding: 0px 30px 30px;
  z-index: 1;
}

.cmshtml .contents08 .box-detail {
  height: 100%;
  text-align: center;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.cmshtml .layout-box01, .cmshtml .layout-box02, .cmshtml .layout-box03, .cmshtml .layout-box04, .cmshtml .contents04 .lay02 {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px 2%;
}

.cmshtml .contents01, .cmshtml .contents04, .cmshtml .contents05 {
  width: calc((100% * 2 / 3) - 1%);
  max-width: calc((100% * 2 / 3) - 1%);
}

.cmshtml .contents02, .cmshtml .contents03, .cmshtml .contents06 {
  width: calc((100% / 3) - 1.3%);
  max-width: calc((100% / 3) - 1.3%);
}

.cmshtml .contents07, .cmshtml .contents08 {
  width: calc((100% / 3) - 1.4%);
  max-width: calc((100% / 3) - 1.4%);
}

.cmshtml .layout-box03 .box-item, .cmshtml .contents04 .lay02 .box-item {
  width: calc((100% / 2) - 1%);
  max-width: calc((100% / 2) - 1%);
}

.cmshtml .layout-box05 {
  text-align: right;
}

.cmshtml .layout-box05 p, .cmshtml .layout-box05 .wc_textbox {
  font-family: var(--title-font);
  font-weight: var(--base-weight2);
  color: var(--color-base2);
  letter-spacing: 0.05em;
  line-height: 1.6;
  font-size: 17px;
}

.cmshtml .contents01 .box-text {
  position: relative;
  width: 100%;
  max-width: 100%;
}

.cmshtml .contents01::after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 50px;
  background-image: url("../../img/salon/text01.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 23vw;
  height: 100%;
  z-index: 1;
}

.cmshtml .contents01 .box-text h2 {
  font-family: var(--title-font);
  font-weight: var(--base-weight);
  font-size: 4vw;
  letter-spacing: 0.05em;
  color: #FFF;
  line-height: 1.1;
  position: relative;
}

.cmshtml .contents01 .box-text h2::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url("../../img/salon/icon-text01.svg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-top: -170px;
  width: 260px;
  height: 170px;
}

.cmshtml .contents02::before {
  content: "";
  position: absolute;
  right: 15px;
  top: 0px;
  background-image: url("../../img/salon/icon-text02.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 230px;
  height: 190px;
  margin-top: -20px;
  z-index: 1;
}

.cmshtml .contents03 {
  background-color: #efebd3;
  border-radius: 40px;
  padding: 30px;
}

.cmshtml .contents03::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 15px;
  background-image: url("../../img/salon/icon01.svg");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 110px;
  height: 85px;
}

.cmshtml .contents03 .lay03 {
  text-align: right;
  padding-top: 10px;
}

.cmshtml .contents03 h2 {
  position: relative;
  margin-bottom: 25px;
}

.cmshtml .contents03 h2 img {
  height: 60px;
  width: auto;
}

.cmshtml .contents03 h6 img {
  height: 50px;
  width: auto;
}

.cmshtml .contents03 h6 a:hover {
  opacity: 1;
}

.cmshtml .news_text {
  width: 100%;
  max-width: 100%;
}

.cmshtml .contents-top .rdplaneinfo, .cmshtml .news_text {
  overflow: auto;
}

.cmshtml .contents-top .rdNewInfoList_ez, .cmshtml .news_text .rdnewArticle {
  height: 500px;
}

.cmshtml .contents-top .rdnewArticle {
  padding: 0px;
  border-style: none;
}

.cmshtml .contents-top .rdnewArticle .rdnewArticle-item + .rdnewArticle-item {
  border-top-style: none;
}

.cmshtml .contents-top .rdplaneinfo .rdNewInfoList_ez-item, .cmshtml .contents-top .news_text .rdnewArticle .rdnewArticle-item {
  padding: 20px;
  background-color: #FFF;
  border-radius: 15px;
}

.cmshtml .contents-top .rdplaneinfo .rdNewInfoList_ez-item:not(:last-child), .cmshtml .contents-top .news_text .rdnewArticle .rdnewArticle-item:not(:last-child) {
  margin-bottom: 15px;
}

.cmshtml .contents-top .rdNewInfoList_ez .rdNewInfoList_ez-item {
  padding: 20px;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item {
  padding: 0px;
  width: 350px;
  max-width: 350px;
  margin-right: 55px;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item:nth-child(3n) {
  margin-right: 0px;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item img {
  width: 100%;
  height: auto;
  transition: .5s all;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item:hover img {
  transform: scale(1.2, 1.2);
  transition: .5s all;
}

.cmshtml .contents-top .news_img .rdnewArticle {
  gap: 30px 0px;
}

.cmshtml .contents-top .news_img .rdnewArticle {
  align-items: stretch;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-ContDate {
  border-right-style: none;
}

.cmshtml .contents-top .rdNewInfoList_ez-ContDate, .cmshtml .contents-top .rdnewArticle .rdnewArticle-ContDate {
  color: #FFF;
  line-height: 1.2;
  font-size: var(--base-font-size);
  font-family: var(--number-font);
  font-weight: var(--base-weight2);
  padding: 5px 20px;
  border-radius: 60px;
  display: inline-block;
  background-color: var(--color-main);
  margin-bottom: 8px;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-ContDate {
  font-size: var(--base-font-size);
  line-height: 1.2;
  padding: 20px 5px 5px;
  width: 100%;
  max-width: 100%;
  color: var(--color-base2);
}

.cmshtml .contents-top .rdNewInfoList_ez-ContTitle a, .cmshtml .contents-top .rdnewArticle .rdnewArticle-ContTitle a {
  font-size: var(--base-font-size);
  color: var(--color-base);
  font-weight: var(--base-weight);
  line-height: 1.6;
  letter-spacing: 0.05em;
}

.cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-ContTitle a {
  padding: 0px 5px;
  font-size: var(--base-font-size);
}

.cmshtml .contents-top .rdNewInfoList_ez-ContMessage {
  display: none;
}

.cmshtml .contents-top .rdnewArticle .rdnewArticle-more {
  display: none;
}

.cmshtml .contents-top .news_text .rdnewArticle-thumbnail {
  display: none;
}

.cmshtml .contents04 .box-img img {
  width: 100%;
  height: 340px;
}

.cmshtml .contents04 .lay02 {
  padding-top: 20px;
}

.cmshtml .contents08 .box-title2 {
  width: 100%;
  max-width: 100%;
}

.cmshtml .contents08 .box-title2 p, .cmshtml .contents08 .box-title2 .wc_textbox, .cmshtml .contents08 .box-title2 h3 {
  font-family: var(--title-font);
  font-weight: var(--base-weight2);
  letter-spacing: 0.1em;
  line-height: 1.2;
}

.cmshtml .contents08 .box-title2 h3 {
  color: var(--color-sub);
  font-size: 2.2vw;
  display: inline-block;
  background-color: #FFF;
  padding: 5px 20px 8px;
  border-radius: 8px;
  min-width: 50%;
}

.cmshtml .contents08 .box-title2 .box002:last-child {
  margin-top: -10px;
}

.cmshtml .contents08 .box-title2 p, .cmshtml .contents08 .box-title2 .wc_textbox {
  font-size: 1.5vw;
  color: #FFF;
  margin-bottom: 15px;
  text-shadow: 0px 0px 10px rgba(96, 56, 19, 0.75);
}

.cmshtml .sp-view {
  display: none;
}

.cmshtml, .cmsbody {
  height: 100%;
}


#editView .cmshtml .contents-top .wc_inline-block {
	display: inline-block;
vertical-align: top;
}

#editView .cmshtml .contents-top .wc_static {
	position: static;
}

#editView .cmshtml .contents-top .wc_none {
	display: none;
}

#editView .cmshtml .contents-top .wc_block {
	display: block;
}

#editView .cmshtml .contents-top {
	padding-top: 50px;
}

#editView .cmshtml .contents-top-inner {
   width: 1280px;
	max-width: 1280px;
}

#editView .cmshtml .contents-top .box-title h2, #editView .cmshtml .contents-top .box-title h3 {
    color:  var(--color-base);
    text-shadow: 0px 0px 10px rgba(96,56,19,0);
}

#editView .cmshtml .box-item .box-img {
    border-radius: 0px;
}


#editView .cmshtml .box-item .box-img::before, #editView .cmshtml .box-item .box-img::after {
   display: none;
}

#editView .cmshtml .contents08 .box-detail {
     height: auto;
}

#editView .cmshtml .contents01, #editView .cmshtml .contents04, #editView .cmshtml .contents05 {
    width: 820px;
    max-width: 820px;
}

#editView .cmshtml .contents02, #editView .cmshtml .contents03, #editView .cmshtml .contents06 {
    width: 400px;
    max-width: 400px;
}

#editView .cmshtml .contents07, #editView .cmshtml .contents08 {
    width: 400px;
    max-width: 400px;
}

#editView .cmshtml .layout-box03 .box-item {
    width: 610px;
    max-width: 610px;
}

#editView .cmshtml .contents04 .lay02 .box-item {
    width: 380px;
    max-width: 380px;
}

#editView .cmshtml .contents01 .box-text h2 {
color:  var(--color-base);
}

#editView .cmshtml .contents01::after, #editView .cmshtml .contents01 .box-text h2::before, #editView .cmshtml .contents02::before, #editView .cmshtml .contents03::before {
    display: none;
}

#editView .cmshtml .contents-top .news_img {
	width: 1200px;
	max-width: 1200px;
}

#editView .cmshtml .contents-top .rdNewInfoList_ez-ContDate, #editView .cmshtml .contents-top .rdNewInfoList_ez-ContTitle {
	display: inline-block;
vertical-align: top;
}

#editView .cmshtml .contents-top .rdplaneinfo .rdNewInfoList_ez-item::before, #editView .cmshtml .contents-top .news_text .rdnewArticle .rdnewArticle-item::before {
	display: none;
}

#editView .cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item {
	margin-right: 20px;
}

#editView .cmshtml .contents04 .box-img img {
     height: auto;
}

#editView .cmshtml .contents08 .box-title2 h3 {
     display: block;
    padding: 0px;
    border-radius: 0px;
    background-color: rgba(255,255,255,0);
}

#editView .cmshtml .contents08 .box-title2 .box002:last-child {
    margin-top: 0px;
}

#editView .cmshtml .contents08 .box-title2 p, #editView .cmshtml .contents08 .box-title2 .wc_textbox {
   color: var(--color-base);
    text-shadow: 0px 0px 10px rgba(96,56,19,0);
}

#editView .cmshtml .sp-view {
    display: inline-block;
}