@charset "utf-8";

/* CSS Document */

@import 'https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

body {
  min-width: 1100px;
}

#Wrap {
  padding: 0;
  overflow: hidden;
}

#Wrap #gnav > .mega-menu > li > a:hover {
  color: var(--readability-color);
  opacity: 0.7;
}

#Wrap #fNav li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.inner {
  width: 1100px;
}

.topNone {
  display: none !important;
}

/* --------------------
コンテンツ共通
---------------------*/
#contentsArea section {
  margin: 80px 0;
}

#contentsArea section:last-child {
  margin: 80px auto 100px;
}

#contentsArea .btn a {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: block;
  width: 200px;
  height: 80px;
  padding-left: 80px;
  margin: 30px auto 0;
  font-family: 'Yusei Magic', sans-serif;
  font-size: 20px;
  line-height: 60px;
  color: var(--readability-color);
  text-decoration: none;
  background: var(--main-color);
}

#contentsArea .btn a:hover {
  opacity: 0.7;
}

#contentsArea .moreBtn canvas {
  position: absolute;
  top: 0;
  left: -20px;
  width: 100px;
}

#contentsArea .blog .moreBtn canvas {
  top: 5px;
}

#contentsArea .moreBtn:after {
  position: absolute;
  top: 0;
  left: 20px;
  color: #fff;
  content: '→';
}

/* ===================================
header ※下層ページ共通
=================================== */
#headerContents {
  position: absolute;
  border-bottom: none;
}

/* ===================================
topArea
=================================== */
/* --------------------
共通
---------------------*/
#topArea {
  position: relative;
  margin: 0 0 80px;
}

#hero {
  position: relative !important;
}
#hero.heroSlider li {
  min-width: 1100px;
  height: 100vh;
  background: no-repeat 50% / cover;
  overflow: hidden;
  /* ↓テキストを垂直中央にするため */
  display: flex;
  justify-content: center;
  align-items: center;
  /* ↓背景画像ZOOM */
}

#hero.heroSlider li:nth-child(1) {
  background-image: url('../img/img_hero_01.jpg');
}
#hero.heroSlider li:nth-child(2) {
  background-image: url('../img/img_hero_02.jpg');
}
#hero.heroSlider li:nth-child(3) {
  background-image: url('../img/img_hero_03.jpg');
}
#hero.heroSlider .slide-animation {
  animation: fadezoom 10s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

#hero.heroSlider .slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  position: absolute;
  bottom: 30px;
  z-index: 1;
}
#hero.heroSlider .slick-dots li {
  min-width: auto;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 7.5px;
  background: #ddd;
  border-radius: 2.5px;
  text-align: center;
  text-indent: -9999px;
}
#hero.heroSlider .slick-dots li button {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  margin: 0;
  padding: 0;
  text-indent: -99999px;
  border: 0;
  background: #e8e8e8;
  display: block;
  cursor: pointer;
  outline: none;
}
#hero.heroSlider .slick-dots li.slick-active button {
  background: var(--main-color);
}
#hero.heroSlider .slick-dots li button:hover {
  opacity: 0.7;
  outline: none;
}

/* txtArea */
.txtArea {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.txtArea p {
  color: #fff;
  font-weight: 700;
  text-shadow: 3px 2px 10px rgb(0 0 0);
  text-align: center;
  padding: 0 50px;
}
.txtArea.left p {
  text-align: left;
}
.txtArea .slogan {
  font-size: 48px;
  line-height: 1.2;
  margin: 0 0 10px;
}
.txtArea .subTit {
  font-size: 18px;
  line-height: 2;
  margin: 20px 0 0;
}

/* slidNavi */

#slidNavi {
  width: 60px;
  margin: 20px auto 0;
  display: none;
}

.topSlider #slidNavi {
  display: block;
}

#slidNavi li {
  display: block;
  float: left;
  width: 5px;
  height: 5px;
  margin: 0 7.5px;
  background: #ddd;
  border-radius: 2.5px;
  text-align: center;
  text-indent: -9999px;
}

#slidNavi li.current {
  background: #999;
}

/* --------------------
default
---------------------*/
.default #hero {
  width: 1100px;
  margin: 0 auto;
}

.default #hero li {
  width: 1100px;
  height: 300px;
}

/* --------------------
default topSlider
---------------------*/
.default.topSlider #hero li:not(:nth-child(1)) {
  position: absolute;
  top: 0;
  opacity: 0.3;
}

.default.topSlider #hero li:nth-child(2) {
  left: 1100px;
}

.default.topSlider #hero li:nth-child(3) {
  right: 1100px;
}

/* --------------------
wide
---------------------*/
.full #hero {
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1641" viewBox="0 0 1600 1641"><path d="M1600,1640.77c-46,1.94-62.93-8.85-112-9.82-54-1.07-57,8.55-133,4.28s-52-11.84-129-9.63c-79.08,2.27-150.19,17.83-202,12.83-108.93-10.49-143,4.28-224,2.34V0h800ZM800,0H0V1640.77c81,1.94,115.07-12.83,224-2.34,51.81,5,122.92-10.56,202-12.83,77-2.21,53,5.35,129,9.63s79-5.35,133-4.28c49.07,1,66,11.76,112,9.82Z"/></svg>') no-repeat center bottom/100% auto;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="1641" viewBox="0 0 1600 1641"><path d="M1600,1640.77c-46,1.94-62.93-8.85-112-9.82-54-1.07-57,8.55-133,4.28s-52-11.84-129-9.63c-79.08,2.27-150.19,17.83-202,12.83-108.93-10.49-143,4.28-224,2.34V0h800ZM800,0H0V1640.77c81,1.94,115.07-12.83,224-2.34,51.81,5,122.92-10.56,202-12.83,77-2.21,53,5.35,129,9.63s79-5.35,133-4.28c49.07,1,66,11.76,112,9.82Z"/></svg>') no-repeat center bottom/100% auto;
}

.full #hero li {
  height: 100vh;
}

.full #hero li p {
  /* width: 1100px; */
}

/* --------------------
wide topSlider
---------------------*/
.full.topSlider #hero.gradient:before {
  display: block;
  content: '';
  width: 100%;
  height: 100px;
  background: rgb(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
}

.full.topSlider #hero.black:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.full.topSlider #hero.white:before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

/*
.full.topSlider #hero li:not(:nth-child(1)) {
	position: absolute;
	top: 0;
	opacity: 0.3;
}
.full.topSlider #hero li:nth-child(2) {
	left: 100vw;
}
.full.topSlider #hero li:nth-child(3) {
	right: 100vw;
}
*/

.full.topSlider #hero li:not(:nth-child(1)) {
  display: none;
  /* 面倒なのでとりあえず消した */
}

.full.topSlider #slidNavi {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}

/* ===================================
ダイアリー
=================================== */
#diaryArea {
  width: 100%;
}

#diaryArea .diaryBox {
  position: relative;
  box-sizing: border-box;
  height: 200px;
  padding: 35px 40px;
  margin: 0 0 30px;
  background: #fff;
}

#diaryArea .diaryBox::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: visible;
  content: '';
  background: var(--sub-color-02);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,2.61a13.36,13.36,0,0,0-.39,7.42H.23c.08-2.44-1-6.33.85-8.14C4,1.39,7.78-.28,9.69.93c3.93,2.5,7.7.83,10.86.22C26.31.05,32,2.9,37.14.37c1.77,1.67-1.36,2.36,0,3.7C42,.7,47.1,1,52.82,1.65,55.68,2,59.52,0,62.73.79,69,2.46,75.92-1.13,81.57,2.37c.81.83,2.58.93,4.16.35,14.5-4,29.9-1.42,44.76-2.09,1.41,1.34-1.12,2.53.06,3.92,8.08-5.69,5.78-2.92,13.95-3,4.12-1.23,8.78,2.11,12.19,1a34.31,34.31,0,0,1,12-1.86c5.77-1.5.74,5.13,6.49,2.11,8.37-3.69,16.9-2.95,25.4-.65,1.49.4,2.54.45,3.59-.57,4.31-1.91,4.09,4.51,14.65-.42,6.82-3.52,1,4,4.77,2C228.12-.36,233,.75,238.17,1.42c13.75,1,27.81-1.55,41.61-.75,3.65,6.52,10.68-4.16,23.68.6,4.74,2.11,7.75-2.52,11.62-.5,1.28.67,4.1-1.7,3.8,2.18-.05.7,1.6.94,2.08.36,2.09-2.49,5-1.72,7.62-2.26,4.3-1.81.68,2.65,3.11,1.89,6.37-3.76,13.17-1.32,19.82-1.6Q367.25.7,383,.63c2.36,0,5.3-.48,1.79,4.25,11.81-8.36,21.56-1.16,33.37-3.94.89,0,4.77-3,3,2-.32.93,1.14.16,1.73-.09,2.91-1.26,5.84-4,8.63.21a1.31,1.31,0,0,0,.85.36c3.08-4.12,7.57-.82,11.44-2,7.1-1.17,16.78-1.79,23.7.81,4.22,2.07,7-2.09,11.07-1.49,8.11,1.2,16.42-.33,24.66-.1,6.65,1.16,18.67-1.74,23.21,2.71,3.78-3.87,8.36-1.7,12.65-1.76,13-1.42,25.76,1,39-.35,3-.21,6-1.84,8.73.9.76.75,1.46-.15,2.16-.54S591,.51,591.2.72c2.56,2.63,6.68.61,8.11,1.48C603.77,4.9,607,.51,611,1.69c3.51,1,7.39-1.57,11.2.49,1.6.87,2.77-1.86,4.88-1.62,14.39.32,28.59,1.7,43.07.41a84,84,0,0,1,25.08,0c6.92.54,13-.62,19.7,1.38,5.61-.7,11.18-1.69,17-1.71C747.12,0,762.24,2.5,777.44.79a15.25,15.25,0,0,1,8.94,1.09c1.87.84,6-1.22,9.17-1.12,1.13,0,3.28-1.57,3.27,1.8,0,2,1.85.38,2.59,0,3-1.49,13.94-4.71,10.05,1.7,3.87.71,4.9-3.8,7.63-3.54,5,2.77,9.94.48,15,.32,5.5-.17,11-.93,16.58-.45a5.24,5.24,0,0,1,4.31,2c2.39,1.94,4.32-2.94,4.55-1.49.71,4.71,2.19,1.13,3.44.74,2.7-.83,5.46-3.14,8.05.33.24.33,1.35.35,1.84.1,7.37-4.54,15.13.64,22.4-1,6.16-2.31,3.44.68,7.52,1.2,2.45.49,5.38-4.66,7.41.62,6.6-3.8,13.44-2.13,20.39-1.59,2.67.09,6.08,3.17,8.58-.68a.94.94,0,0,1,.93-.12C944,4,947.86,0,951.73.64,965.26,1.86,979.06,0,992.39.8c1.73,5.61,4.75,1.43,6.51.48,3.16-1.72,6.09,1.44,9-.25,1.21,2.65,3.23.76,4.69.61,11.77-.44,23.71-1.45,35.31.42,5.59.15,19.22-4.26,22.67.65,1,1.83,2.66.18,3.33-.42a7.26,7.26,0,0,1,6-1.65c11.24,1.12,22.61-1,33.81,1.37.86.19,1.94-1.06,3-1.28C1118.09.45,1119.94.73,1119.2,2.61Z"/></svg>) left top/1120px 10px no-repeat, url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,7.42a13.36,13.36,0,0,1-.39-7.42H.23c.08,2.45-1,6.34.85,8.14,2.92.5,6.7,2.17,8.61,1,3.93-2.5,7.7-.83,10.86-.22C26.31,10,32,7.13,37.14,9.66,38.91,8,35.78,7.3,37.11,6,42,9.33,47.1,9,52.82,8.38c2.86-.32,6.7,1.61,9.91.86C69,7.58,75.92,11.16,81.57,7.66c.81-.83,2.58-.93,4.16-.35,14.5,4,29.9,1.42,44.76,2.09,1.41-1.34-1.12-2.53.06-3.92,8.08,5.69,5.78,2.92,13.95,3,4.12,1.22,8.78-2.12,12.19-1a34.31,34.31,0,0,0,12,1.86c5.77,1.5.74-5.12,6.49-2.11,8.37,3.69,16.9,2.95,25.4.65,1.49-.4,2.54-.45,3.59.57,4.31,1.92,4.09-4.5,14.65.42,6.82,3.53,1-3.94,4.77-1.95,4.57,3.45,9.45,2.34,14.62,1.67,13.75-1,27.81,1.55,41.61.76,3.65-6.52,10.68,4.16,23.68-.6,4.74-2.12,7.75,2.51,11.62.49,1.28-.67,4.1,1.7,3.8-2.18-.05-.7,1.6-.94,2.08-.36,2.09,2.49,5,1.72,7.62,2.26,4.3,1.82.68-2.64,3.11-1.88,6.37,3.75,13.17,1.31,19.82,1.59q15.74.64,31.48.71c2.36,0,5.3.48,1.79-4.25,11.81,8.36,21.56,1.16,33.37,3.95.89,0,4.77,3,3-2-.32-.93,1.14-.16,1.73.09,2.91,1.26,5.84,4,8.63-.21a1.31,1.31,0,0,1,.85-.36c3.08,4.12,7.57.82,11.44,2,7.1,1.18,16.78,1.79,23.7-.81,4.22-2.07,7,2.09,11.07,1.49,8.11-1.2,16.42.33,24.66.1,6.65-1.16,18.67,1.74,23.21-2.71,3.78,3.87,8.36,1.7,12.65,1.76,13,1.43,25.76-1,39,.36,3,.2,6,1.83,8.73-.91.76-.75,1.46.15,2.16.54s1.94,1.08,2.15.87c2.56-2.63,6.68-.61,8.11-1.48,4.46-2.7,7.68,1.69,11.64.51,3.51-1,7.39,1.57,11.2-.49,1.6-.87,2.77,1.86,4.88,1.62,14.39-.31,28.59-1.69,43.07-.4a84.34,84.34,0,0,0,25.08,0c6.92-.54,13,.63,19.7-1.37,5.61.69,11.18,1.68,17,1.7,15.29.68,30.41-1.85,45.61-.13a15.34,15.34,0,0,0,8.94-1.1c1.87-.84,6,1.22,9.17,1.12,1.13,0,3.28,1.57,3.27-1.8,0-2,1.85-.38,2.59,0,3,1.5,13.94,4.72,10.05-1.7,3.87-.7,4.9,3.81,7.63,3.54,5-2.77,9.94-.48,15-.32,5.5.17,11,.93,16.58.45a5.2,5.2,0,0,0,4.31-2c2.39-1.95,4.32,2.93,4.55,1.48.71-4.71,2.19-1.13,3.44-.74,2.7.83,5.46,3.14,8.05-.33.24-.33,1.35-.35,1.84-.1,7.37,4.55,15.13-.63,22.4,1,6.16,2.31,3.44-.68,7.52-1.2,2.45-.5,5.38,4.65,7.41-.63,6.6,3.8,13.44,2.13,20.39,1.6,2.67-.1,6.08-3.18,8.58.67a.94.94,0,0,0,.93.12c3.93-3.3,7.81.68,11.68.07,13.53-1.22,27.33.67,40.66-.16,1.73-5.61,4.75-1.43,6.51-.48,3.16,1.72,6.09-1.44,9,.25,1.21-2.65,3.23-.76,4.69-.61,11.77.45,23.71,1.45,35.31-.42,5.59-.14,19.22,4.26,22.67-.65,1-1.83,2.66-.18,3.33.42a7.26,7.26,0,0,0,6,1.65c11.24-1.12,22.61,1,33.81-1.37.86-.19,1.94,1.06,3,1.28C1118.09,9.58,1119.94,9.3,1119.2,7.42Z"/></svg>')
    left bottom / 1120px 10px no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,2.61a13.36,13.36,0,0,0-.39,7.42H.23c.08-2.44-1-6.33.85-8.14C4,1.39,7.78-.28,9.69.93c3.93,2.5,7.7.83,10.86.22C26.31.05,32,2.9,37.14.37c1.77,1.67-1.36,2.36,0,3.7C42,.7,47.1,1,52.82,1.65,55.68,2,59.52,0,62.73.79,69,2.46,75.92-1.13,81.57,2.37c.81.83,2.58.93,4.16.35,14.5-4,29.9-1.42,44.76-2.09,1.41,1.34-1.12,2.53.06,3.92,8.08-5.69,5.78-2.92,13.95-3,4.12-1.23,8.78,2.11,12.19,1a34.31,34.31,0,0,1,12-1.86c5.77-1.5.74,5.13,6.49,2.11,8.37-3.69,16.9-2.95,25.4-.65,1.49.4,2.54.45,3.59-.57,4.31-1.91,4.09,4.51,14.65-.42,6.82-3.52,1,4,4.77,2C228.12-.36,233,.75,238.17,1.42c13.75,1,27.81-1.55,41.61-.75,3.65,6.52,10.68-4.16,23.68.6,4.74,2.11,7.75-2.52,11.62-.5,1.28.67,4.1-1.7,3.8,2.18-.05.7,1.6.94,2.08.36,2.09-2.49,5-1.72,7.62-2.26,4.3-1.81.68,2.65,3.11,1.89,6.37-3.76,13.17-1.32,19.82-1.6Q367.25.7,383,.63c2.36,0,5.3-.48,1.79,4.25,11.81-8.36,21.56-1.16,33.37-3.94.89,0,4.77-3,3,2-.32.93,1.14.16,1.73-.09,2.91-1.26,5.84-4,8.63.21a1.31,1.31,0,0,0,.85.36c3.08-4.12,7.57-.82,11.44-2,7.1-1.17,16.78-1.79,23.7.81,4.22,2.07,7-2.09,11.07-1.49,8.11,1.2,16.42-.33,24.66-.1,6.65,1.16,18.67-1.74,23.21,2.71,3.78-3.87,8.36-1.7,12.65-1.76,13-1.42,25.76,1,39-.35,3-.21,6-1.84,8.73.9.76.75,1.46-.15,2.16-.54S591,.51,591.2.72c2.56,2.63,6.68.61,8.11,1.48C603.77,4.9,607,.51,611,1.69c3.51,1,7.39-1.57,11.2.49,1.6.87,2.77-1.86,4.88-1.62,14.39.32,28.59,1.7,43.07.41a84,84,0,0,1,25.08,0c6.92.54,13-.62,19.7,1.38,5.61-.7,11.18-1.69,17-1.71C747.12,0,762.24,2.5,777.44.79a15.25,15.25,0,0,1,8.94,1.09c1.87.84,6-1.22,9.17-1.12,1.13,0,3.28-1.57,3.27,1.8,0,2,1.85.38,2.59,0,3-1.49,13.94-4.71,10.05,1.7,3.87.71,4.9-3.8,7.63-3.54,5,2.77,9.94.48,15,.32,5.5-.17,11-.93,16.58-.45a5.24,5.24,0,0,1,4.31,2c2.39,1.94,4.32-2.94,4.55-1.49.71,4.71,2.19,1.13,3.44.74,2.7-.83,5.46-3.14,8.05.33.24.33,1.35.35,1.84.1,7.37-4.54,15.13.64,22.4-1,6.16-2.31,3.44.68,7.52,1.2,2.45.49,5.38-4.66,7.41.62,6.6-3.8,13.44-2.13,20.39-1.59,2.67.09,6.08,3.17,8.58-.68a.94.94,0,0,1,.93-.12C944,4,947.86,0,951.73.64,965.26,1.86,979.06,0,992.39.8c1.73,5.61,4.75,1.43,6.51.48,3.16-1.72,6.09,1.44,9-.25,1.21,2.65,3.23.76,4.69.61,11.77-.44,23.71-1.45,35.31.42,5.59.15,19.22-4.26,22.67.65,1,1.83,2.66.18,3.33-.42a7.26,7.26,0,0,1,6-1.65c11.24,1.12,22.61-1,33.81,1.37.86.19,1.94-1.06,3-1.28C1118.09.45,1119.94.73,1119.2,2.61Z"/></svg>) left top/1120px 10px no-repeat, url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,7.42a13.36,13.36,0,0,1-.39-7.42H.23c.08,2.45-1,6.34.85,8.14,2.92.5,6.7,2.17,8.61,1,3.93-2.5,7.7-.83,10.86-.22C26.31,10,32,7.13,37.14,9.66,38.91,8,35.78,7.3,37.11,6,42,9.33,47.1,9,52.82,8.38c2.86-.32,6.7,1.61,9.91.86C69,7.58,75.92,11.16,81.57,7.66c.81-.83,2.58-.93,4.16-.35,14.5,4,29.9,1.42,44.76,2.09,1.41-1.34-1.12-2.53.06-3.92,8.08,5.69,5.78,2.92,13.95,3,4.12,1.22,8.78-2.12,12.19-1a34.31,34.31,0,0,0,12,1.86c5.77,1.5.74-5.12,6.49-2.11,8.37,3.69,16.9,2.95,25.4.65,1.49-.4,2.54-.45,3.59.57,4.31,1.92,4.09-4.5,14.65.42,6.82,3.53,1-3.94,4.77-1.95,4.57,3.45,9.45,2.34,14.62,1.67,13.75-1,27.81,1.55,41.61.76,3.65-6.52,10.68,4.16,23.68-.6,4.74-2.12,7.75,2.51,11.62.49,1.28-.67,4.1,1.7,3.8-2.18-.05-.7,1.6-.94,2.08-.36,2.09,2.49,5,1.72,7.62,2.26,4.3,1.82.68-2.64,3.11-1.88,6.37,3.75,13.17,1.31,19.82,1.59q15.74.64,31.48.71c2.36,0,5.3.48,1.79-4.25,11.81,8.36,21.56,1.16,33.37,3.95.89,0,4.77,3,3-2-.32-.93,1.14-.16,1.73.09,2.91,1.26,5.84,4,8.63-.21a1.31,1.31,0,0,1,.85-.36c3.08,4.12,7.57.82,11.44,2,7.1,1.18,16.78,1.79,23.7-.81,4.22-2.07,7,2.09,11.07,1.49,8.11-1.2,16.42.33,24.66.1,6.65-1.16,18.67,1.74,23.21-2.71,3.78,3.87,8.36,1.7,12.65,1.76,13,1.43,25.76-1,39,.36,3,.2,6,1.83,8.73-.91.76-.75,1.46.15,2.16.54s1.94,1.08,2.15.87c2.56-2.63,6.68-.61,8.11-1.48,4.46-2.7,7.68,1.69,11.64.51,3.51-1,7.39,1.57,11.2-.49,1.6-.87,2.77,1.86,4.88,1.62,14.39-.31,28.59-1.69,43.07-.4a84.34,84.34,0,0,0,25.08,0c6.92-.54,13,.63,19.7-1.37,5.61.69,11.18,1.68,17,1.7,15.29.68,30.41-1.85,45.61-.13a15.34,15.34,0,0,0,8.94-1.1c1.87-.84,6,1.22,9.17,1.12,1.13,0,3.28,1.57,3.27-1.8,0-2,1.85-.38,2.59,0,3,1.5,13.94,4.72,10.05-1.7,3.87-.7,4.9,3.81,7.63,3.54,5-2.77,9.94-.48,15-.32,5.5.17,11,.93,16.58.45a5.2,5.2,0,0,0,4.31-2c2.39-1.95,4.32,2.93,4.55,1.48.71-4.71,2.19-1.13,3.44-.74,2.7.83,5.46,3.14,8.05-.33.24-.33,1.35-.35,1.84-.1,7.37,4.55,15.13-.63,22.4,1,6.16,2.31,3.44-.68,7.52-1.2,2.45-.5,5.38,4.65,7.41-.63,6.6,3.8,13.44,2.13,20.39,1.6,2.67-.1,6.08-3.18,8.58.67a.94.94,0,0,0,.93.12c3.93-3.3,7.81.68,11.68.07,13.53-1.22,27.33.67,40.66-.16,1.73-5.61,4.75-1.43,6.51-.48,3.16,1.72,6.09-1.44,9,.25,1.21-2.65,3.23-.76,4.69-.61,11.77.45,23.71,1.45,35.31-.42,5.59-.14,19.22,4.26,22.67-.65,1-1.83,2.66-.18,3.33.42a7.26,7.26,0,0,0,6,1.65c11.24-1.12,22.61,1,33.81-1.37.86-.19,1.94,1.06,3,1.28C1118.09,9.58,1119.94,9.3,1119.2,7.42Z"/></svg>')
    left bottom / 1120px 10px no-repeat;
}

#diaryArea h2,
.rankingArea h2 {
  position: relative;
  padding-bottom: 22px;
  margin: 0 0 20px;
  font-family: 'Yusei Magic', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--readability-color);
  text-align: center;
}

#diaryArea h2::before,
.rankingArea h2::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12px;
  content: '';
  background: var(--main-color);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 11.61"><path style="fill:%23000;" d="M0,5.9c0,9.19,44.1-.09,57.33,3.85C71.66,14,82.4,3.49,73.11,4.74,66.9,5.58,52.07,0,34.81,0S0-.36,0,5.9Z"/><path style="fill:%23000;" d="M93.62,6.6c.49,1.78.81,4.39-1,4.86s-9.64-.21-10.14-2,2.84-4.17,4.69-4.65S93.12,4.82,93.62,6.6Z"/></svg>') center bottom/94px 12px no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 11.61"><path style="fill:%23000;" d="M0,5.9c0,9.19,44.1-.09,57.33,3.85C71.66,14,82.4,3.49,73.11,4.74,66.9,5.58,52.07,0,34.81,0S0-.36,0,5.9Z"/><path style="fill:%23000;" d="M93.62,6.6c.49,1.78.81,4.39-1,4.86s-9.64-.21-10.14-2,2.84-4.17,4.69-4.65S93.12,4.82,93.62,6.6Z"/></svg>') center bottom/94px 12px no-repeat;
}

#diaryArea h2 span,
.rankingArea h2 span {
  display: block;
  margin: 2px 0 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  letter-spacing: 1px;
}

.rankingArea .scubeRanking::before,
#diaryArea .diaryAreaInner::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: visible;
  content: '';
  background: var(--sub-color-02);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,2.61a13.36,13.36,0,0,0-.39,7.42H.23c.08-2.44-1-6.33.85-8.14C4,1.39,7.78-.28,9.69.93c3.93,2.5,7.7.83,10.86.22C26.31.05,32,2.9,37.14.37c1.77,1.67-1.36,2.36,0,3.7C42,.7,47.1,1,52.82,1.65,55.68,2,59.52,0,62.73.79,69,2.46,75.92-1.13,81.57,2.37c.81.83,2.58.93,4.16.35,14.5-4,29.9-1.42,44.76-2.09,1.41,1.34-1.12,2.53.06,3.92,8.08-5.69,5.78-2.92,13.95-3,4.12-1.23,8.78,2.11,12.19,1a34.31,34.31,0,0,1,12-1.86c5.77-1.5.74,5.13,6.49,2.11,8.37-3.69,16.9-2.95,25.4-.65,1.49.4,2.54.45,3.59-.57,4.31-1.91,4.09,4.51,14.65-.42,6.82-3.52,1,4,4.77,2C228.12-.36,233,.75,238.17,1.42c13.75,1,27.81-1.55,41.61-.75,3.65,6.52,10.68-4.16,23.68.6,4.74,2.11,7.75-2.52,11.62-.5,1.28.67,4.1-1.7,3.8,2.18-.05.7,1.6.94,2.08.36,2.09-2.49,5-1.72,7.62-2.26,4.3-1.81.68,2.65,3.11,1.89,6.37-3.76,13.17-1.32,19.82-1.6Q367.25.7,383,.63c2.36,0,5.3-.48,1.79,4.25,11.81-8.36,21.56-1.16,33.37-3.94.89,0,4.77-3,3,2-.32.93,1.14.16,1.73-.09,2.91-1.26,5.84-4,8.63.21a1.31,1.31,0,0,0,.85.36c3.08-4.12,7.57-.82,11.44-2,7.1-1.17,16.78-1.79,23.7.81,4.22,2.07,7-2.09,11.07-1.49,8.11,1.2,16.42-.33,24.66-.1,6.65,1.16,18.67-1.74,23.21,2.71,3.78-3.87,8.36-1.7,12.65-1.76,13-1.42,25.76,1,39-.35,3-.21,6-1.84,8.73.9.76.75,1.46-.15,2.16-.54S591,.51,591.2.72c2.56,2.63,6.68.61,8.11,1.48C603.77,4.9,607,.51,611,1.69c3.51,1,7.39-1.57,11.2.49,1.6.87,2.77-1.86,4.88-1.62,14.39.32,28.59,1.7,43.07.41a84,84,0,0,1,25.08,0c6.92.54,13-.62,19.7,1.38,5.61-.7,11.18-1.69,17-1.71C747.12,0,762.24,2.5,777.44.79a15.25,15.25,0,0,1,8.94,1.09c1.87.84,6-1.22,9.17-1.12,1.13,0,3.28-1.57,3.27,1.8,0,2,1.85.38,2.59,0,3-1.49,13.94-4.71,10.05,1.7,3.87.71,4.9-3.8,7.63-3.54,5,2.77,9.94.48,15,.32,5.5-.17,11-.93,16.58-.45a5.24,5.24,0,0,1,4.31,2c2.39,1.94,4.32-2.94,4.55-1.49.71,4.71,2.19,1.13,3.44.74,2.7-.83,5.46-3.14,8.05.33.24.33,1.35.35,1.84.1,7.37-4.54,15.13.64,22.4-1,6.16-2.31,3.44.68,7.52,1.2,2.45.49,5.38-4.66,7.41.62,6.6-3.8,13.44-2.13,20.39-1.59,2.67.09,6.08,3.17,8.58-.68a.94.94,0,0,1,.93-.12C944,4,947.86,0,951.73.64,965.26,1.86,979.06,0,992.39.8c1.73,5.61,4.75,1.43,6.51.48,3.16-1.72,6.09,1.44,9-.25,1.21,2.65,3.23.76,4.69.61,11.77-.44,23.71-1.45,35.31.42,5.59.15,19.22-4.26,22.67.65,1,1.83,2.66.18,3.33-.42a7.26,7.26,0,0,1,6-1.65c11.24,1.12,22.61-1,33.81,1.37.86.19,1.94-1.06,3-1.28C1118.09.45,1119.94.73,1119.2,2.61Z"/></svg>')
      left top/1120px 10px no-repeat,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,7.42a13.36,13.36,0,0,1-.39-7.42H.23c.08,2.45-1,6.34.85,8.14,2.92.5,6.7,2.17,8.61,1,3.93-2.5,7.7-.83,10.86-.22C26.31,10,32,7.13,37.14,9.66,38.91,8,35.78,7.3,37.11,6,42,9.33,47.1,9,52.82,8.38c2.86-.32,6.7,1.61,9.91.86C69,7.58,75.92,11.16,81.57,7.66c.81-.83,2.58-.93,4.16-.35,14.5,4,29.9,1.42,44.76,2.09,1.41-1.34-1.12-2.53.06-3.92,8.08,5.69,5.78,2.92,13.95,3,4.12,1.22,8.78-2.12,12.19-1a34.31,34.31,0,0,0,12,1.86c5.77,1.5.74-5.12,6.49-2.11,8.37,3.69,16.9,2.95,25.4.65,1.49-.4,2.54-.45,3.59.57,4.31,1.92,4.09-4.5,14.65.42,6.82,3.53,1-3.94,4.77-1.95,4.57,3.45,9.45,2.34,14.62,1.67,13.75-1,27.81,1.55,41.61.76,3.65-6.52,10.68,4.16,23.68-.6,4.74-2.12,7.75,2.51,11.62.49,1.28-.67,4.1,1.7,3.8-2.18-.05-.7,1.6-.94,2.08-.36,2.09,2.49,5,1.72,7.62,2.26,4.3,1.82.68-2.64,3.11-1.88,6.37,3.75,13.17,1.31,19.82,1.59q15.74.64,31.48.71c2.36,0,5.3.48,1.79-4.25,11.81,8.36,21.56,1.16,33.37,3.95.89,0,4.77,3,3-2-.32-.93,1.14-.16,1.73.09,2.91,1.26,5.84,4,8.63-.21a1.31,1.31,0,0,1,.85-.36c3.08,4.12,7.57.82,11.44,2,7.1,1.18,16.78,1.79,23.7-.81,4.22-2.07,7,2.09,11.07,1.49,8.11-1.2,16.42.33,24.66.1,6.65-1.16,18.67,1.74,23.21-2.71,3.78,3.87,8.36,1.7,12.65,1.76,13,1.43,25.76-1,39,.36,3,.2,6,1.83,8.73-.91.76-.75,1.46.15,2.16.54s1.94,1.08,2.15.87c2.56-2.63,6.68-.61,8.11-1.48,4.46-2.7,7.68,1.69,11.64.51,3.51-1,7.39,1.57,11.2-.49,1.6-.87,2.77,1.86,4.88,1.62,14.39-.31,28.59-1.69,43.07-.4a84.34,84.34,0,0,0,25.08,0c6.92-.54,13,.63,19.7-1.37,5.61.69,11.18,1.68,17,1.7,15.29.68,30.41-1.85,45.61-.13a15.34,15.34,0,0,0,8.94-1.1c1.87-.84,6,1.22,9.17,1.12,1.13,0,3.28,1.57,3.27-1.8,0-2,1.85-.38,2.59,0,3,1.5,13.94,4.72,10.05-1.7,3.87-.7,4.9,3.81,7.63,3.54,5-2.77,9.94-.48,15-.32,5.5.17,11,.93,16.58.45a5.2,5.2,0,0,0,4.31-2c2.39-1.95,4.32,2.93,4.55,1.48.71-4.71,2.19-1.13,3.44-.74,2.7.83,5.46,3.14,8.05-.33.24-.33,1.35-.35,1.84-.1,7.37,4.55,15.13-.63,22.4,1,6.16,2.31,3.44-.68,7.52-1.2,2.45-.5,5.38,4.65,7.41-.63,6.6,3.8,13.44,2.13,20.39,1.6,2.67-.1,6.08-3.18,8.58.67a.94.94,0,0,0,.93.12c3.93-3.3,7.81.68,11.68.07,13.53-1.22,27.33.67,40.66-.16,1.73-5.61,4.75-1.43,6.51-.48,3.16,1.72,6.09-1.44,9,.25,1.21-2.65,3.23-.76,4.69-.61,11.77.45,23.71,1.45,35.31-.42,5.59-.14,19.22,4.26,22.67-.65,1-1.83,2.66-.18,3.33.42a7.26,7.26,0,0,0,6,1.65c11.24-1.12,22.61,1,33.81-1.37.86-.19,1.94,1.06,3,1.28C1118.09,9.58,1119.94,9.3,1119.2,7.42Z"/></svg>')
      left bottom/1120px 10px no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,2.61a13.36,13.36,0,0,0-.39,7.42H.23c.08-2.44-1-6.33.85-8.14C4,1.39,7.78-.28,9.69.93c3.93,2.5,7.7.83,10.86.22C26.31.05,32,2.9,37.14.37c1.77,1.67-1.36,2.36,0,3.7C42,.7,47.1,1,52.82,1.65,55.68,2,59.52,0,62.73.79,69,2.46,75.92-1.13,81.57,2.37c.81.83,2.58.93,4.16.35,14.5-4,29.9-1.42,44.76-2.09,1.41,1.34-1.12,2.53.06,3.92,8.08-5.69,5.78-2.92,13.95-3,4.12-1.23,8.78,2.11,12.19,1a34.31,34.31,0,0,1,12-1.86c5.77-1.5.74,5.13,6.49,2.11,8.37-3.69,16.9-2.95,25.4-.65,1.49.4,2.54.45,3.59-.57,4.31-1.91,4.09,4.51,14.65-.42,6.82-3.52,1,4,4.77,2C228.12-.36,233,.75,238.17,1.42c13.75,1,27.81-1.55,41.61-.75,3.65,6.52,10.68-4.16,23.68.6,4.74,2.11,7.75-2.52,11.62-.5,1.28.67,4.1-1.7,3.8,2.18-.05.7,1.6.94,2.08.36,2.09-2.49,5-1.72,7.62-2.26,4.3-1.81.68,2.65,3.11,1.89,6.37-3.76,13.17-1.32,19.82-1.6Q367.25.7,383,.63c2.36,0,5.3-.48,1.79,4.25,11.81-8.36,21.56-1.16,33.37-3.94.89,0,4.77-3,3,2-.32.93,1.14.16,1.73-.09,2.91-1.26,5.84-4,8.63.21a1.31,1.31,0,0,0,.85.36c3.08-4.12,7.57-.82,11.44-2,7.1-1.17,16.78-1.79,23.7.81,4.22,2.07,7-2.09,11.07-1.49,8.11,1.2,16.42-.33,24.66-.1,6.65,1.16,18.67-1.74,23.21,2.71,3.78-3.87,8.36-1.7,12.65-1.76,13-1.42,25.76,1,39-.35,3-.21,6-1.84,8.73.9.76.75,1.46-.15,2.16-.54S591,.51,591.2.72c2.56,2.63,6.68.61,8.11,1.48C603.77,4.9,607,.51,611,1.69c3.51,1,7.39-1.57,11.2.49,1.6.87,2.77-1.86,4.88-1.62,14.39.32,28.59,1.7,43.07.41a84,84,0,0,1,25.08,0c6.92.54,13-.62,19.7,1.38,5.61-.7,11.18-1.69,17-1.71C747.12,0,762.24,2.5,777.44.79a15.25,15.25,0,0,1,8.94,1.09c1.87.84,6-1.22,9.17-1.12,1.13,0,3.28-1.57,3.27,1.8,0,2,1.85.38,2.59,0,3-1.49,13.94-4.71,10.05,1.7,3.87.71,4.9-3.8,7.63-3.54,5,2.77,9.94.48,15,.32,5.5-.17,11-.93,16.58-.45a5.24,5.24,0,0,1,4.31,2c2.39,1.94,4.32-2.94,4.55-1.49.71,4.71,2.19,1.13,3.44.74,2.7-.83,5.46-3.14,8.05.33.24.33,1.35.35,1.84.1,7.37-4.54,15.13.64,22.4-1,6.16-2.31,3.44.68,7.52,1.2,2.45.49,5.38-4.66,7.41.62,6.6-3.8,13.44-2.13,20.39-1.59,2.67.09,6.08,3.17,8.58-.68a.94.94,0,0,1,.93-.12C944,4,947.86,0,951.73.64,965.26,1.86,979.06,0,992.39.8c1.73,5.61,4.75,1.43,6.51.48,3.16-1.72,6.09,1.44,9-.25,1.21,2.65,3.23.76,4.69.61,11.77-.44,23.71-1.45,35.31.42,5.59.15,19.22-4.26,22.67.65,1,1.83,2.66.18,3.33-.42a7.26,7.26,0,0,1,6-1.65c11.24,1.12,22.61-1,33.81,1.37.86.19,1.94-1.06,3-1.28C1118.09.45,1119.94.73,1119.2,2.61Z"/></svg>')
      left top/1120px 10px no-repeat,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1119.37 10.03"><path style="fill:%23000;" d="M1119.2,7.42a13.36,13.36,0,0,1-.39-7.42H.23c.08,2.45-1,6.34.85,8.14,2.92.5,6.7,2.17,8.61,1,3.93-2.5,7.7-.83,10.86-.22C26.31,10,32,7.13,37.14,9.66,38.91,8,35.78,7.3,37.11,6,42,9.33,47.1,9,52.82,8.38c2.86-.32,6.7,1.61,9.91.86C69,7.58,75.92,11.16,81.57,7.66c.81-.83,2.58-.93,4.16-.35,14.5,4,29.9,1.42,44.76,2.09,1.41-1.34-1.12-2.53.06-3.92,8.08,5.69,5.78,2.92,13.95,3,4.12,1.22,8.78-2.12,12.19-1a34.31,34.31,0,0,0,12,1.86c5.77,1.5.74-5.12,6.49-2.11,8.37,3.69,16.9,2.95,25.4.65,1.49-.4,2.54-.45,3.59.57,4.31,1.92,4.09-4.5,14.65.42,6.82,3.53,1-3.94,4.77-1.95,4.57,3.45,9.45,2.34,14.62,1.67,13.75-1,27.81,1.55,41.61.76,3.65-6.52,10.68,4.16,23.68-.6,4.74-2.12,7.75,2.51,11.62.49,1.28-.67,4.1,1.7,3.8-2.18-.05-.7,1.6-.94,2.08-.36,2.09,2.49,5,1.72,7.62,2.26,4.3,1.82.68-2.64,3.11-1.88,6.37,3.75,13.17,1.31,19.82,1.59q15.74.64,31.48.71c2.36,0,5.3.48,1.79-4.25,11.81,8.36,21.56,1.16,33.37,3.95.89,0,4.77,3,3-2-.32-.93,1.14-.16,1.73.09,2.91,1.26,5.84,4,8.63-.21a1.31,1.31,0,0,1,.85-.36c3.08,4.12,7.57.82,11.44,2,7.1,1.18,16.78,1.79,23.7-.81,4.22-2.07,7,2.09,11.07,1.49,8.11-1.2,16.42.33,24.66.1,6.65-1.16,18.67,1.74,23.21-2.71,3.78,3.87,8.36,1.7,12.65,1.76,13,1.43,25.76-1,39,.36,3,.2,6,1.83,8.73-.91.76-.75,1.46.15,2.16.54s1.94,1.08,2.15.87c2.56-2.63,6.68-.61,8.11-1.48,4.46-2.7,7.68,1.69,11.64.51,3.51-1,7.39,1.57,11.2-.49,1.6-.87,2.77,1.86,4.88,1.62,14.39-.31,28.59-1.69,43.07-.4a84.34,84.34,0,0,0,25.08,0c6.92-.54,13,.63,19.7-1.37,5.61.69,11.18,1.68,17,1.7,15.29.68,30.41-1.85,45.61-.13a15.34,15.34,0,0,0,8.94-1.1c1.87-.84,6,1.22,9.17,1.12,1.13,0,3.28,1.57,3.27-1.8,0-2,1.85-.38,2.59,0,3,1.5,13.94,4.72,10.05-1.7,3.87-.7,4.9,3.81,7.63,3.54,5-2.77,9.94-.48,15-.32,5.5.17,11,.93,16.58.45a5.2,5.2,0,0,0,4.31-2c2.39-1.95,4.32,2.93,4.55,1.48.71-4.71,2.19-1.13,3.44-.74,2.7.83,5.46,3.14,8.05-.33.24-.33,1.35-.35,1.84-.1,7.37,4.55,15.13-.63,22.4,1,6.16,2.31,3.44-.68,7.52-1.2,2.45-.5,5.38,4.65,7.41-.63,6.6,3.8,13.44,2.13,20.39,1.6,2.67-.1,6.08-3.18,8.58.67a.94.94,0,0,0,.93.12c3.93-3.3,7.81.68,11.68.07,13.53-1.22,27.33.67,40.66-.16,1.73-5.61,4.75-1.43,6.51-.48,3.16,1.72,6.09-1.44,9,.25,1.21-2.65,3.23-.76,4.69-.61,11.77.45,23.71,1.45,35.31-.42,5.59-.14,19.22,4.26,22.67-.65,1-1.83,2.66-.18,3.33.42a7.26,7.26,0,0,0,6,1.65c11.24-1.12,22.61,1,33.81-1.37.86-.19,1.94,1.06,3,1.28C1118.09,9.58,1119.94,9.3,1119.2,7.42Z"/></svg>')
      left bottom/1120px 10px no-repeat;
}

.rankingArea .scubeRanking::after,
#diaryArea .diaryAreaInner::after {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 20px);
  content: '';
  background: var(--sub-color-02);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 121"><path style="fill:%23000;" d="M19.56,121H.5c-.2-4.9-.81-9.85,1.64-14.47.45-.85.75-1.4-.51-1.65-1.94-.38-1.6-2.17-1.29-3.19C3,93.06-1,84.34.82,75.7c1.15-5.41,1.05-11,2.57-16.42C4,52.71-4.15,49,3.26,42.71a4.09,4.09,0,0,0,1.29-3.2c-5.92,3.82-2.09-3-4-3.6C1.94,32.89-1,29.32,2,26.26c1.38-1.4-.56-3.93-1.09-5.58C-1.46,13.45,1.61,6.89.92,0H20Z"/></svg>') left top/20px 121px repeat-y, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 121"><path style="fill:%23000;" d="M19.29,81.1c.61,13.33.27,26.58.45,39.9H0V0H19.19a478.39,478.39,0,0,1,.29,49.53c-.55,4.79,1.89,10-1.5,14.44,3.85,2.79-1.31,6.67.35,8.35C21.4,75.42,19.22,78.25,19.29,81.1Z"/></svg>') right top/20px 121px repeat-y,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:%23000;" width="100" height="100"/></svg>') center center/calc(100% - 20px) auto repeat-y;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 121"><path style="fill:%23000;" d="M19.56,121H.5c-.2-4.9-.81-9.85,1.64-14.47.45-.85.75-1.4-.51-1.65-1.94-.38-1.6-2.17-1.29-3.19C3,93.06-1,84.34.82,75.7c1.15-5.41,1.05-11,2.57-16.42C4,52.71-4.15,49,3.26,42.71a4.09,4.09,0,0,0,1.29-3.2c-5.92,3.82-2.09-3-4-3.6C1.94,32.89-1,29.32,2,26.26c1.38-1.4-.56-3.93-1.09-5.58C-1.46,13.45,1.61,6.89.92,0H20Z"/></svg>') left top/20px 121px repeat-y, url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 121"><path style="fill:%23000;" d="M19.29,81.1c.61,13.33.27,26.58.45,39.9H0V0H19.19a478.39,478.39,0,0,1,.29,49.53c-.55,4.79,1.89,10-1.5,14.44,3.85,2.79-1.31,6.67.35,8.35C21.4,75.42,19.22,78.25,19.29,81.1Z"/></svg>') right top/20px 121px repeat-y,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect style="fill:%23000;" width="100" height="100"/></svg>') center center/calc(100% - 20px) auto repeat-y;
}

.diaryBox {
  padding: 30px 40px;
  box-sizing: border-box;
}

.diaryBox .dateBox {
  position: relative;
  font-size: 14px;
  padding: 0 80px 0 0;
  color: #8c8c8c;
  display: inline-block;
}

.diaryList {
  background: #fff;
  padding: 27px 20px 2px;
}

.diaryBox .diaryList li {
  margin: 0 0 25px;
}

.diaryBox .tit {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.diaryBox .tit a {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  display: inline-block;
  text-decoration: none;
}

.diaryBox .tit a:hover {
  color: #dd5454;
}

.diaryBox .pic {
  display: none;
}

.diaryBox .newIcon {
  box-sizing: border-box;
}

.diaryBox .newIcon::after {
  content: 'NEW';
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  height: 15px;
  line-height: 16px;
  padding: 1px 10px;
  margin: 0 10px;
  border-radius: 15px;
  background: #dfc243;
  position: absolute;
  top: -2px;
}

.diaryBox .listDisplayNone {
  display: none;
}

/* 旧ダイアリー用 */
#diaryArea .diaryNonePC,
#diaryArea .pic_top,
#diaryArea .comment,
#diaryArea .pageNavi {
  display: none;
}

#diaryArea .diaryAreaInner {
  height: 200px;
  padding: 12px;
  margin: 0 auto 30px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}

#diaryArea .diaryList li {
  margin-bottom: 25px;
}

#diaryArea .dateBox {
  position: relative;
  font-size: 14px;
  padding: 0 80px 0 0;
  color: #8c8c8c;
  display: inline-block;
}

#diaryArea .tit,
#diaryArea .tit a {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  display: inline-block;
  text-decoration: none;
}

#diaryArea .tit a:hover {
  color: #dd5454;
}

/* ===================================
物件コーナー
=================================== */
.corner {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}

.corner h2 {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-family: 'Yusei Magic', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--readability-color);
  text-align: center;
  margin-bottom: 40px;
}

.corner.designA:before {
  top: 10px;
  left: 0;
  width: 320px;
  height: 446px;
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  background: var(--paint-color-01);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="320" height="446" viewBox="0 0 320 446"><path d="M210.61,56.41C163.35,18.86,107.39-7.22,59.08,1.79c-21.25,4-41,14.69-59.08,28.9V398.18c50.76,17.39,95.09,46.34,144.73,47.76,52.25,1.51,110.4-27.58,143.14-75s39.84-113.11,24.19-170.5S257.87,94,210.61,56.41Z"/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="320" height="446" viewBox="0 0 320 446"><path d="M210.61,56.41C163.35,18.86,107.39-7.22,59.08,1.79c-21.25,4-41,14.69-59.08,28.9V398.18c50.76,17.39,95.09,46.34,144.73,47.76,52.25,1.51,110.4-27.58,143.14-75s39.84-113.11,24.19-170.5S257.87,94,210.61,56.41Z"/></svg>') no-repeat center center/contain;
}

.corner.designA:after {
  right: 0;
  bottom: 0;
  width: 480px;
  height: 450px;
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
  background: var(--paint-color-02);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="450" viewBox="0 0 480 450"><path d="M480,72.61a184.17,184.17,0,0,0-21.69-23.5c-42.1-38-102.75-55.58-156.21-46.95S202.26,45.68,146.33,81.21,24.76,153,5.94,206,15,328.58,61.32,365.88s110.84,42.31,168.94,62.91,141.91,27.46,176.55,14.94,36.82-51.66,62.73-104.64c3.66-7.45,7.14-14.59,10.46-21.52Z"/></svg>') no-repeat center center/contain;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="450" viewBox="0 0 480 450"><path d="M480,72.61a184.17,184.17,0,0,0-21.69-23.5c-42.1-38-102.75-55.58-156.21-46.95S202.26,45.68,146.33,81.21,24.76,153,5.94,206,15,328.58,61.32,365.88s110.84,42.31,168.94,62.91,141.91,27.46,176.55,14.94,36.82-51.66,62.73-104.64c3.66-7.45,7.14-14.59,10.46-21.52Z"/></svg>') no-repeat center center/contain;
}

.corner.designB:before {
  position: absolute;
  top: 18px;
  left: -10%;
  z-index: -1;
  width: 120%;
  height: calc(100% - 78px);
  content: '';
  background: var(--sub-color-02);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 190"><rect style="fill:%23000;" width="250" height="190"/></svg>') left 35px / auto calc(100% - 70px) repeat-x,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 36"><path style="fill:%23000;" d="M226.68,2.61c-2.42-6.66-4.88,2-7.11-.32-.32-.33-1.25-.16-.94.25,2.39,3.14-2.19,4.05-1.84,6.63-.79-1.9-4.36-1.46-3.31-4.55.23-2.36-.85-3.39-3.16-3.18-5.34-2.76-5.24-.11-5,4.77l.4.52a4.81,4.81,0,0,1,2.3,1.82,8.36,8.36,0,0,1-2.21-1.79,3.68,3.68,0,0,0-.47-.15c0-.15,0-.28,0-.41-2.24-2.68-3.78-6-8.1-5.72-.91.09-2.25-.41-2.53.86-.24,1.11,1,1.23,1.71,1.79,1.74,1.48,4.27,2.81,3.62,6.39-2.45-2.31-4.68-4.26-6.71-6.39-2.38-2.5-2.3-2.55-5.25-.29-.3.23-1.12.32-1.26.14-1.61-2.17-2.59-3-3.19-3-1.29,0-.9,3.64-1.44,5.44-4.38-8.26-10.69-3.09-17.35-4.76.79,2.5,5.73,4.39,3.44,6.86-1.46,1.15-1.48-.84-2.15-1.5A9.6,9.6,0,0,0,158,2.94c-1,0-1.1-1.16-1.69-1.54a10.2,10.2,0,0,0-4.9-1.4h.21s-2.52,1-2.91,1.81C146,7,145.4-1.56,136.72,2a1.4,1.4,0,0,0,1.14,1.15c4.62,1.17,4.49,5,5.42,8.62-3.77-.8-3.29-3.77-3.68-6.09-2.89,1.67-2.22,3.65-.25,6.28l-4.51-2c-.33,3,4,4.19,3.23,7.38-4.34-.14-6.47-4.23-10.22-5.77-1.36-.55-4.16-3.61-5.6-6.3s-3.74-5.46-8.34-3.65c2.44,1.64,2.54,4.82,5.58,5.56A1.08,1.08,0,0,1,120,9.07c-3.76.54-6.78-3.77-8.77-6.41-1-1.36-1.5-1.55-3.07-.82-1.3.46-1.16,1.69-.43,3.13l.13-.06a22.9,22.9,0,0,0,1.28,2.33A17.37,17.37,0,0,1,107.74,5c-2.45,1.24-4-.41-5.32-2C96.75-2.31,88.79,4.83,82.16,1.1c-.15-.07-.49.25-.82.44.52,1.74,3.93,4.18,2.54,5.73a1.5,1.5,0,0,1-2.21,0c-.47-.41-2-.3-1-1.53,2-2.57-1.46-2.86-1.33-4.72h0c-1.83,4.34-3.58-2.34-4.91.6a9.76,9.76,0,0,1,.53,1.63c.17,1.07,2.83,1.86.73,3-1.38.76-1.38-1.39-2.17-2-1.33-1-1.26-3.51-3.88-3.18-4.37.56-8.82-.55-13.26.52.94,3,4.58,4.51,4.72,8.58-5.15-2.93-6.15-10.62-12.68-9-2.71.45,1.54,2.44-2,4.42C44.51,4.45,44.1.86,42,1.29c-5.64,1.14-11.31-1.31-16-.15.75,1.74,7.72,8.22,6.27,9.18C26.16,13.1,21.48-1.29,12.94,1.11c-1.08.1-2,1.24-3.26.31-2-1.57-3.75,1.11-1.42,2.37,2.38,2.05,3.26,4.82,3.93,7.77C8.43,7.64,0,3.3,0,3.3L0,36l250-.09V5.57c-6.29-5.91-14-6-22.09-4.44,1.28,2.51,4.37,3.73,5.41,6.77C229.3,8,227.57,5,226.68,2.61ZM109.18,7.28c1.19,1.64,2.53,3.2,2.94,4A36.26,36.26,0,0,1,109.18,7.28Z"/></svg>')
      left top/250px 36px repeat-x,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 36"><path style="fill:%23000;" d="M226.68,33.39c-2.42,6.66-4.88-2-7.11.32-.32.33-1.25.16-.94-.25,2.39-3.14-2.19-4.05-1.84-6.63-.79,1.9-4.36,1.46-3.31,4.55.23,2.36-.85,3.39-3.16,3.18-5.34,2.76-5.24.11-5-4.77l.4-.52a4.81,4.81,0,0,0,2.3-1.82,8.36,8.36,0,0,0-2.21,1.79,3.68,3.68,0,0,1-.47.15c0,.15,0,.28,0,.41-2.24,2.68-3.78,6-8.1,5.72-.91-.09-2.25.41-2.53-.86-.24-1.11,1-1.23,1.71-1.79,1.74-1.48,4.27-2.81,3.62-6.39-2.45,2.31-4.68,4.26-6.71,6.39-2.38,2.5-2.3,2.55-5.25.29-.3-.23-1.12-.32-1.26-.14-1.61,2.17-2.59,3-3.19,3-1.29,0-.9-3.64-1.44-5.44-4.38,8.26-10.69,3.09-17.35,4.76.79-2.5,5.73-4.39,3.44-6.86-1.46-1.15-1.48.84-2.15,1.5a9.6,9.6,0,0,1-8.15,3.1c-1,0-1.1,1.16-1.69,1.54a10.2,10.2,0,0,1-4.9,1.4h.21s-2.52-1-2.91-1.81c-2.73-5.14-3.31,3.37-12-.15a1.4,1.4,0,0,1,1.14-1.15c4.62-1.17,4.49-5,5.42-8.62-3.77.8-3.29,3.77-3.68,6.09-2.89-1.67-2.22-3.65-.25-6.28l-4.51,2c-.33-3.05,4-4.19,3.23-7.38-4.34.14-6.47,4.23-10.22,5.77-1.36.55-4.16,3.61-5.6,6.3s-3.74,5.46-8.34,3.65c2.44-1.64,2.54-4.82,5.58-5.56a1.08,1.08,0,0,0,.52-1.89c-3.76-.54-6.78,3.77-8.77,6.41-1,1.36-1.5,1.55-3.07.82-1.3-.46-1.16-1.69-.43-3.13l.13.06a22.9,22.9,0,0,1,1.28-2.33A17.37,17.37,0,0,0,107.74,31c-2.45-1.24-4,.41-5.32,2-5.67,5.32-13.63-1.82-20.26,1.91-.15.07-.49-.25-.82-.44.52-1.74,3.93-4.18,2.54-5.73a1.5,1.5,0,0,0-2.21,0c-.47.41-2,.3-1,1.53,2,2.57-1.46,2.86-1.33,4.72h0c-1.83-4.34-3.58,2.34-4.91-.6a9.76,9.76,0,0,0,.53-1.63c.17-1.07,2.83-1.86.73-3-1.38-.76-1.38,1.39-2.17,2-1.33,1-1.26,3.51-3.88,3.18-4.37-.56-8.82.55-13.26-.52.94-3,4.58-4.51,4.72-8.58-5.15,2.93-6.15,10.62-12.68,9-2.71-.45,1.54-2.44-2-4.42-1.86,1.16-2.27,4.75-4.35,4.32-5.64-1.14-11.31,1.31-16,.15.75-1.74,7.72-8.22,6.27-9.18-6.18-2.78-10.86,11.61-19.4,9.21-1.08-.1-2-1.24-3.26-.31-2,1.57-3.75-1.11-1.42-2.37,2.38-2.05,3.26-4.82,3.93-7.77C8.43,28.36,0,32.7,0,32.7L0,0,250,.09V30.43c-6.29,5.91-14,6-22.09,4.44,1.28-2.51,4.37-3.73,5.41-6.77C229.3,28,227.57,31,226.68,33.39Zm-117.5-4.67c1.19-1.64,2.53-3.2,2.94-4A36.26,36.26,0,0,0,109.18,28.72Z"/></svg>')
      left bottom/250px 36px repeat-x;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 190"><rect style="fill:%23000;" width="250" height="190"/></svg>') left 35px / auto calc(100% - 70px) repeat-x,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 36"><path style="fill:%23000;" d="M226.68,2.61c-2.42-6.66-4.88,2-7.11-.32-.32-.33-1.25-.16-.94.25,2.39,3.14-2.19,4.05-1.84,6.63-.79-1.9-4.36-1.46-3.31-4.55.23-2.36-.85-3.39-3.16-3.18-5.34-2.76-5.24-.11-5,4.77l.4.52a4.81,4.81,0,0,1,2.3,1.82,8.36,8.36,0,0,1-2.21-1.79,3.68,3.68,0,0,0-.47-.15c0-.15,0-.28,0-.41-2.24-2.68-3.78-6-8.1-5.72-.91.09-2.25-.41-2.53.86-.24,1.11,1,1.23,1.71,1.79,1.74,1.48,4.27,2.81,3.62,6.39-2.45-2.31-4.68-4.26-6.71-6.39-2.38-2.5-2.3-2.55-5.25-.29-.3.23-1.12.32-1.26.14-1.61-2.17-2.59-3-3.19-3-1.29,0-.9,3.64-1.44,5.44-4.38-8.26-10.69-3.09-17.35-4.76.79,2.5,5.73,4.39,3.44,6.86-1.46,1.15-1.48-.84-2.15-1.5A9.6,9.6,0,0,0,158,2.94c-1,0-1.1-1.16-1.69-1.54a10.2,10.2,0,0,0-4.9-1.4h.21s-2.52,1-2.91,1.81C146,7,145.4-1.56,136.72,2a1.4,1.4,0,0,0,1.14,1.15c4.62,1.17,4.49,5,5.42,8.62-3.77-.8-3.29-3.77-3.68-6.09-2.89,1.67-2.22,3.65-.25,6.28l-4.51-2c-.33,3,4,4.19,3.23,7.38-4.34-.14-6.47-4.23-10.22-5.77-1.36-.55-4.16-3.61-5.6-6.3s-3.74-5.46-8.34-3.65c2.44,1.64,2.54,4.82,5.58,5.56A1.08,1.08,0,0,1,120,9.07c-3.76.54-6.78-3.77-8.77-6.41-1-1.36-1.5-1.55-3.07-.82-1.3.46-1.16,1.69-.43,3.13l.13-.06a22.9,22.9,0,0,0,1.28,2.33A17.37,17.37,0,0,1,107.74,5c-2.45,1.24-4-.41-5.32-2C96.75-2.31,88.79,4.83,82.16,1.1c-.15-.07-.49.25-.82.44.52,1.74,3.93,4.18,2.54,5.73a1.5,1.5,0,0,1-2.21,0c-.47-.41-2-.3-1-1.53,2-2.57-1.46-2.86-1.33-4.72h0c-1.83,4.34-3.58-2.34-4.91.6a9.76,9.76,0,0,1,.53,1.63c.17,1.07,2.83,1.86.73,3-1.38.76-1.38-1.39-2.17-2-1.33-1-1.26-3.51-3.88-3.18-4.37.56-8.82-.55-13.26.52.94,3,4.58,4.51,4.72,8.58-5.15-2.93-6.15-10.62-12.68-9-2.71.45,1.54,2.44-2,4.42C44.51,4.45,44.1.86,42,1.29c-5.64,1.14-11.31-1.31-16-.15.75,1.74,7.72,8.22,6.27,9.18C26.16,13.1,21.48-1.29,12.94,1.11c-1.08.1-2,1.24-3.26.31-2-1.57-3.75,1.11-1.42,2.37,2.38,2.05,3.26,4.82,3.93,7.77C8.43,7.64,0,3.3,0,3.3L0,36l250-.09V5.57c-6.29-5.91-14-6-22.09-4.44,1.28,2.51,4.37,3.73,5.41,6.77C229.3,8,227.57,5,226.68,2.61ZM109.18,7.28c1.19,1.64,2.53,3.2,2.94,4A36.26,36.26,0,0,1,109.18,7.28Z"/></svg>')
      left top/250px 36px repeat-x,
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 36"><path style="fill:%23000;" d="M226.68,33.39c-2.42,6.66-4.88-2-7.11.32-.32.33-1.25.16-.94-.25,2.39-3.14-2.19-4.05-1.84-6.63-.79,1.9-4.36,1.46-3.31,4.55.23,2.36-.85,3.39-3.16,3.18-5.34,2.76-5.24.11-5-4.77l.4-.52a4.81,4.81,0,0,0,2.3-1.82,8.36,8.36,0,0,0-2.21,1.79,3.68,3.68,0,0,1-.47.15c0,.15,0,.28,0,.41-2.24,2.68-3.78,6-8.1,5.72-.91-.09-2.25.41-2.53-.86-.24-1.11,1-1.23,1.71-1.79,1.74-1.48,4.27-2.81,3.62-6.39-2.45,2.31-4.68,4.26-6.71,6.39-2.38,2.5-2.3,2.55-5.25.29-.3-.23-1.12-.32-1.26-.14-1.61,2.17-2.59,3-3.19,3-1.29,0-.9-3.64-1.44-5.44-4.38,8.26-10.69,3.09-17.35,4.76.79-2.5,5.73-4.39,3.44-6.86-1.46-1.15-1.48.84-2.15,1.5a9.6,9.6,0,0,1-8.15,3.1c-1,0-1.1,1.16-1.69,1.54a10.2,10.2,0,0,1-4.9,1.4h.21s-2.52-1-2.91-1.81c-2.73-5.14-3.31,3.37-12-.15a1.4,1.4,0,0,1,1.14-1.15c4.62-1.17,4.49-5,5.42-8.62-3.77.8-3.29,3.77-3.68,6.09-2.89-1.67-2.22-3.65-.25-6.28l-4.51,2c-.33-3.05,4-4.19,3.23-7.38-4.34.14-6.47,4.23-10.22,5.77-1.36.55-4.16,3.61-5.6,6.3s-3.74,5.46-8.34,3.65c2.44-1.64,2.54-4.82,5.58-5.56a1.08,1.08,0,0,0,.52-1.89c-3.76-.54-6.78,3.77-8.77,6.41-1,1.36-1.5,1.55-3.07.82-1.3-.46-1.16-1.69-.43-3.13l.13.06a22.9,22.9,0,0,1,1.28-2.33A17.37,17.37,0,0,0,107.74,31c-2.45-1.24-4,.41-5.32,2-5.67,5.32-13.63-1.82-20.26,1.91-.15.07-.49-.25-.82-.44.52-1.74,3.93-4.18,2.54-5.73a1.5,1.5,0,0,0-2.21,0c-.47.41-2,.3-1,1.53,2,2.57-1.46,2.86-1.33,4.72h0c-1.83-4.34-3.58,2.34-4.91-.6a9.76,9.76,0,0,0,.53-1.63c.17-1.07,2.83-1.86.73-3-1.38-.76-1.38,1.39-2.17,2-1.33,1-1.26,3.51-3.88,3.18-4.37-.56-8.82.55-13.26-.52.94-3,4.58-4.51,4.72-8.58-5.15,2.93-6.15,10.62-12.68,9-2.71-.45,1.54-2.44-2-4.42-1.86,1.16-2.27,4.75-4.35,4.32-5.64-1.14-11.31,1.31-16,.15.75-1.74,7.72-8.22,6.27-9.18-6.18-2.78-10.86,11.61-19.4,9.21-1.08-.1-2-1.24-3.26-.31-2,1.57-3.75-1.11-1.42-2.37,2.38-2.05,3.26-4.82,3.93-7.77C8.43,28.36,0,32.7,0,32.7L0,0,250,.09V30.43c-6.29,5.91-14,6-22.09,4.44,1.28-2.51,4.37-3.73,5.41-6.77C229.3,28,227.57,31,226.68,33.39Zm-117.5-4.67c1.19-1.64,2.53-3.2,2.94-4A36.26,36.26,0,0,0,109.18,28.72Z"/></svg>')
      left bottom/250px 36px repeat-x;
  transform: rotate(-2deg);
}

.corner.designA h2:after,
.corner.designB h2:after {
  position: absolute;
  bottom: -18px;
  left: 0;
  display: block;
  width: 100%;
  height: 10px;
  content: '';
  background: var(--main-color);
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286 5" ><line style="stroke:%23ac74e2;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;stroke-dasharray:1.99 9.93;" x1="2.5" y1="2.5" x2="282.5" y2="2.5" /></svg>') left center/286px 5px repeat-x;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 286 5" ><line style="stroke:%23ac74e2;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;stroke-dasharray:1.99 9.93;" x1="2.5" y1="2.5" x2="282.5" y2="2.5" /></svg>') left center/286px 5px repeat-x;
}

.cornerIcon {
  display: none;
}

/* ===================================
scube共通
=================================== */
.cubeWrap {
  overflow: hidden;
  padding: 0 35px;
  text-align: left;
}

.cubeWrap .error {
  padding: 15px;
  font-size: 15px;
}

.cubeWrap .list li:first-child {
  visibility: hidden;
}

/* キューブ */
.cubeWrap .list li {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  overflow: hidden;
  float: left;
  height: auto;
  box-sizing: border-box;
  margin: 0 0 10px;
  border: 1px solid #e2e2e2;
}

.cubeWrap .list li a:hover img {
  opacity: 0.7;
}

/* キューブ内の右側 */
.cubeWrap .list li .infoArea {
  float: left;
  padding: 0 0 15px;
  margin: 10px 15px 10px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  line-height: 1.7;
}

/* 利回り */
.cubeWrap .list li .infoArea .rimawari02 {
  display: block;
  font-size: 13px;
  font-weight: bold;
}

/* キューブ内の情報部分 */
.cubeWrap .info02 {
  font-size: 13px;
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}

/* キューブ内の情報の色 */
.cubeWrap a,
.cubeWrap a:hover .info02 {
  color: #333;
}

/* キューブ内マウスオーバー */
.cubeWrap a:hover .comment {
  text-decoration: underline;
}

/* 画像位置 左 */
.cubeWrap .pic01 {
  float: left;
}

/* 価格 */
.cubeWrap .price01 {
  float: none;
  color: #eb1a22;
  font-size: 19px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

/* 価格 単位部分 */
.cubeWrap .price01 span {
  font-size: 13px;
}

.cubeWrap .list li .infoArea span.unit {
  display: inline;
  padding: 0;
}

/* 間取り */
.cubeWrap .list li .infoArea span.info02 .madori {
  display: inline;
}

/* 利回り */
.cubeWrap a span.rimawari02 .red {
  color: #eb1a22;
}

/* 情報区切り */
.cubeWrap .list li .infoArea span.info02 .spt {
  display: inline-block;
  padding: 0 2px;
}

/* コメント */
.cubeWrap .list li span.comment {
  text-align: left;
  padding: 6px 15px 0;
  min-height: 80px;
  float: right;
  box-sizing: border-box;
  line-height: 1.5;
  width: 100%;
  font-size: 13px;
}

.ellipsis {
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inline {
  display: inline-block;
}

/* ===================================
scube01
=================================== */
.scube01 .list li {
  width: 263px;
  float: none;
}

.scube01 .list li:not(:last-child) {
  margin-right: 15px;
}

.scube01 .list li.error {
  width: 100%;
  min-height: 200px;
  background: url(https://base.formatline.com/common/img/img_comingsoon_01.png) no-repeat center 50px;
  background-size: 186px;
  text-indent: -9999px;
  border-color: #e2e2e2;
}

.scube01 .pic01 img {
  width: 100%;
  margin: 0;
}

.scube01 .price01 span {
  font-size: 13px;
}

.scube01 .list li .infoArea {
  width: calc(100% - 30px);
  min-height: 127px;
}

/* ===================================
scube02
=================================== */
.scube02 .list li {
  width: 542px;
  margin: 0 0 15px;
}

.scube02 .list li:nth-child(even) {
  margin: 0 15px 15px 0;
}

.scube02 .list li.error {
  width: 100%;
  min-height: 220px;
  background: url(https://base.formatline.com/common/img/img_comingsoon_01.png) no-repeat center 65px;
  background-size: 186px;
  text-indent: -9999px;
  border-color: #e2e2e2;
}

.scube02 .pic01 img {
  width: 193px;
  margin: 0;
}

.scube02 .list li .infoArea {
  width: 315px;
  min-height: 122px;
  padding: 0 0 10px;
}

.scube02 .list li span.comment {
  width: 346px;
  min-height: 50px;
  font-size: 12px;
  line-height: 1.6;
  padding: 0 15px;
}

.scube02 .ellipsis {
  margin: 0;
  line-height: 1.5;
}

#flipsnap1,
#flipsnap2 {
  width: auto !important;
}

/* ===================================
scube03
=================================== */
.scube03 .list li {
  width: 100%;
  margin: 0 0 17px;
}

.scube03 .list li.error {
  width: 100%;
  min-height: 220px;
  background: url(https://base.formatline.com/common/img/img_comingsoon_01.png) no-repeat center 65px;
  background-size: 186px;
  text-indent: -9999px;
}

.scube03 .pic01 img {
  width: 193px;
  margin: 0;
}

.scube03 .price01 {
  margin: 0 0 5px;
}

.scube03 .list li .infoArea {
  width: 875px;
  min-height: 115px;
  margin: 11px 15px 10px;
}

.scube03 .list li span.comment {
  width: 905px;
  min-height: 50px;
  line-height: 1.6;
  padding: 3px 15px 0;
}

.scube03 .list li .info02 p:last-child.inline {
  padding-left: 5px;
}

/* ===================================
scubeRanking
=================================== */
#contentsArea .rankingArea {
  margin: 110px auto 130px;
}

.scubeRanking {
  padding: 10px;
  position: relative;
}

.scubeRanking .list li {
  width: 350px;
  margin: 0 15px 0 0;
  box-sizing: border-box;
}

.scubeRanking .list li a:hover .pic01:before {
  opacity: 1;
}

.scubeRanking .list li:last-child {
  margin-right: 0;
}

.scubeRanking .list li.error {
  width: 100%;
  min-height: 100px;
  background: url(https://base.formatline.com/common/img/img_comingsoon_01.png) no-repeat center 13px #f9f9f9;
  background-size: 160px;
  text-indent: -9999px;
}

.scubeRanking .list li .pic01 {
  position: relative;
}

.scubeRanking .list li .pic01:before {
  display: block;
  width: 20px;
  height: 20px;
  border: none;
  text-align: center;
  line-height: 20px;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.scubeRanking .list li:nth-child(2) .pic01:before {
  content: '1';
  background: #f7d019;
}

.scubeRanking .list li:nth-child(3) .pic01:before {
  content: '2';
  background: #ddd;
}

.scubeRanking .list li:nth-child(4) .pic01:before {
  content: '3';
  background: #854f41;
  color: #fff;
}

.scubeRanking .pic01 img {
  width: 118px;
  margin: 0;
}

.scubeRanking .list li .infoArea {
  width: 200px;
  height: 100px;
  line-height: 1.8;
  font-size: 11px;
  border: none;
  margin-top: 7px;
}

.scubeRanking .price01,
.scubeRanking .price01 span {
  font-size: 16px;
}

.scubeRanking list li .infoArea .rimawari02 {
  font-size: 12px;
}

.scubeRanking .ellipsis {
  margin-top: 0;
}

/* ===================================
bnrArea
=================================== */
.bnrArea {
  width: 1100px;
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bnrArea a {
  text-decoration: none;
  color: #333;
}

.bnrArea a:hover {
  opacity: 0.7;
}

.bnrArea.column1 {
  margin: 30px auto 120px;
}

.bnrArea.column1 li {
  width: 1100px;
}

.bnrArea.column2 li {
  width: 540px;
}

.bnrArea .bnrLink {
  display: block;
  padding: 18px 40px 18px 100px;
  background: #f9f9f9 url(https://base.formatline.com/common/img/ico_bnr_link.svg) no-repeat 20px 50%;
  border: 2px solid #e2e2e2;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
}

.bnrArea .bnrLink:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: '';
  vertical-align: middle;
  z-index: 1;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bnrArea .bnrLink.search {
  border-color: rgba(251, 153, 53, 0.3);
  background-color: rgba(251, 153, 53, 0.05);
  background-image: url(https://base.formatline.com/common/img/ico_bnr_search.svg);
}

.bnrArea .bnrLink.line {
  border-color: #5ad250;
  background-color: #fff;
  background-image: url(https://base.formatline.com/common/img/ico_bnr_line.svg);
  background-size: 60px;
}
.bnrArea .bnrLink.line:after {
  border-color: #5ad250;
}

.bnrArea .bnrTxtMain {
  font-size: 26px;
  font-weight: 700;
}

.bnrArea .bnrTxtSub {
  font-size: 15px;
}

#contentsArea .bnrArea li .bnrLink.search {
  background-color: var(--sub-color-02);
  border-color: var(--sub-color-01);
}

/*先行お部屋予約LPバナー*/
.bnrArea.bnrSenkoLP {
  position: relative;
}
.bnrArea.bnrSenkoLP p {
  position: absolute;
  top: 100px;
  left: 230px;
  display: block;
  width: 140px;
  height: 38px;
  color: #000;
  font-family: 'Noto sans JP', sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 38px;
}

/* ===================================
簡易版 物件検索枠
=================================== */
.searchArea {
  margin: 120px auto;
}
.searchArea .title {
  font-family: 'Yusei Magic', sans-serif;
  font-size: 20px;
  color: var(--readability-color);
  background: url(https://base.formatline.com/common/img/ico_bnr_search.svg) no-repeat 0 0;
  background-size: 30px;
  padding: 2px 0 3px 35px;
}
.searchArea .searchListWrap {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0;
}
.searchArea .searchList {
  width: 266px;
  box-sizing: border-box;
  padding-left: 20px;
}
.searchArea .searchList li {
}
.searchArea .searchList li a {
  font-size: 14px;
  color: var(--readability-color);
  text-decoration: none;
  position: relative;
  padding-left: 18px;
  margin: 15px 0 0 0;
  display: inline-block;
}
.searchArea .searchList li a::before {
  position: absolute;
  content: '';
  vertical-align: middle;
  width: 6px;
  height: 1px;
  background: var(--readability-color);
  left: 0;
  top: -2px;
  bottom: 0;
  margin: auto;
}
.searchArea .searchList li a:hover {
  opacity: 0.7;
}

/* ===================================
トップページ SNS連動表示枠
=================================== */
.snsArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px 0 0;
}

.snsArea > div {
  width: 530px;
  padding: 0 0 10px;
  border: 1px solid #e6e6e6;
  background: #fff;
}

.snsArea h2 {
  font-family: 'Yusei Magic', sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--readability-color);
  text-align: center;
  margin: 25px 15px 20px;
}

.snsArea .timeline {
  height: 496px;
  overflow-y: scroll;
  text-align: center;
}

.snsArea .insta .timeline {
  padding: 0 20px;
  overflow-y: hidden;
}

.snsArea .twitter img,
.snsArea .insta img {
  padding-right: 10px;
}

/* 外部ブログ用 */
.snsArea .blog {
  padding: 0;
}
.snsArea .blog #blogFeedArea {
  border-top: 1px solid #e6e6e6;
  padding: 20px;
  height: 390px;
  overflow-y: scroll;
}

.snsArea .blog #blogFeedArea li {
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 20px;
  margin: 0 0 20px;
}

.snsArea .blog .entryDate {
  position: relative;
  font-size: 14px;
  padding: 0 15px 0 0;
  color: #8c8c8c;
  display: inline-block;
}

.snsArea .blog .entryTit {
  display: block;
  margin: 5px 0 10px;
  font-size: 15px;
  font-weight: bold;
  color: #417b94;
  line-height: 1.5;
  text-decoration: none;
}

.snsArea .blog .description {
  font-size: 15px;
  line-height: 1.6;
}

.snsArea .blog .description a {
  font-size: 15px;
  color: #417b94;
  line-height: 1.5;
  text-decoration: underline;
}

.snsArea .blog .description a:hover {
  text-decoration: none;
}

#contentsArea .snsArea .blog .btn a {
  height: 65px;
  margin: 8px auto 0;
}

/* ===================================
x-card
=================================== */
.x-card {
  position: relative;
}
.x-card img {
  max-width: 100%;
  max-height: 100%;
}
.x-card__sns {
  width: 55px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.x-card__body {
  position: relative;
  top: -40px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
}

.x-card__icon {
  width: 140px;
  margin: 0 auto 30px;
}

.x-card__lead {
  font-size: 26px;
  line-height: calc(34 / 26);
  font-weight: 700;
}

.x-card__name {
  font-size: 16px;
  line-height: calc(34 / 16);
  color: var(--main-color);
}

.x-card__txt {
  font-size: 14px;
  line-height: calc(25 / 14);
}

.x-card__btn {
  border-radius: 30px;
  background-color: var(--sub-color-02);
  border: 2px solid var(--sub-color-01);
  text-align: center;
  padding: 10px 5px;
  width: 240px;
  display: block;
  margin-top: 150px;
  position: relative;
  transition: 0.3s;
  text-decoration: none;
}

.x-card__btn:hover {
  opacity: 0.7;
}

.x-card__btn::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
}

.x-card__btn-txt {
  font-size: 16px;
  line-height: calc(34 / 16);
  letter-spacing: 0.06em;
  color: #333;
  font-weight: 600;
}