/* フォント読み込み。
---------------------------------------- */
@font-face {
  font-display: optional;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP Regular"), url(/aga/fonts/NotoSansJP-Regular.woff2) format("woff2");
}
@font-face {
  font-display: optional;
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP Regular"), url(/aga/fonts/YakuHanJP-Regular.woff2) format("woff2");
}
/* 変数
---------------------------------------------- */
/* 押下ボタンおよびメインの色。シルチカグリーン */
/* 背景色に使用する、薄いシルチカグリーン */
/* 目立たせたい要素の背景など */
/* 背景色に使用する、薄グリーン */
/* メインの補色 */
/* テキストリンク */
/* リンクアクティブ */
/* ボタンリンクのホバー等*/
/* グレー */
/* フッター */
/* グレー */
/* グレー */
/* フォント */
/* 多少薄いフォント */
/* アクセントに使用 */
/* ★レーティング1位*/
/* ★レーティング2位*/
/* ★レーティング3位*/
/* ★レーティング4位以降*/
/* 価格表現などの目立ちたい要素*/
/* fontサイズ換算 rootが16pxの場合 */
/* 11px */
/* 角丸設定 */
/* ランキング色 */
/* body、htmlなど共通CSSは silchika-common内のSCSS読み込み */
.lankBox { /* おすすめランキング */ }
.lankBox > .inner {
  padding: 30px 0;
}
.lankBox > .inner .itemWrapper {
  max-width: 980px;
  margin: 0 auto;
  justify-content: space-between;
}
.lankBox > .inner .lankBoxTitle {
  padding: 0 3px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .lankBoxTitle .nameBox {
  height: 48px;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lankBox > .inner .lankBoxTitle .imgBox {
  width: 100%;
  max-width: 36px;
  min-width: 36px;
  margin: 0 8px 0 0;
}
.lankBox > .inner .lankBoxTitle .t {
  font-size: 1rem;
  display: block;
  text-align: center;
  color: #595553;
}
.lankBox > .inner .lankBoxTitle .t b {
  padding: 0 0 0;
  color: #22bdb1;
}
.lankBox > .inner .lankBoxTitle .t u {
  text-decoration: none;
}
.lankBox > .inner .itemHeader {
  padding: 0 4px 0 0;
}
.lankBox > .inner .lankNumBox {
  min-width: 15px;
  padding: 8px 14px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #F3C613;
}
.lankBox > .inner .lankNumBox .imgBox {
  width: 16px;
  height: 12px;
  margin: 0 0 0;
}
.lankBox > .inner .lankNumBox .imgBox img {
  width: 100%;
}
.lankBox > .inner .lankNumBox:after {
  width: 100%;
  height: 24px;
  content: "1";
  font-size: 0.9375rem;
  font-weight: 600;
  display: block;
  text-align: center;
}
.lankBox > .inner .lating {
  margin: 0 0 0 auto;
  color: #F3C613;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.lankBox > .inner .lating u { /* 数字 */
  padding: 0 0 0 8px;
  font-family: Helvetica;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.25rem;
}
.lankBox > .inner .lating .num { /* ★ */
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lankBox > .inner .lating .num b {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 1px 0;
  -webkit-mask-image: url(/aga/images/lanking_latingstar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/lanking_latingstar.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #F3C613;
}
.lankBox > .inner .price {
  font-weight: 600;
  line-height: 1;
  color: #595553;
}
.lankBox > .inner .price .all { /* 月額 */
  padding: 16px 13px 11px;
  align-items: flex-end;
  justify-content: flex-start;
  color: #595553;
  position: relative;
  border-bottom: 1px solid #dedede;
}
.lankBox > .inner .price .all .t {
  width: 66px;
  height: 29px;
  line-height: 29px;
  padding: 0;
  margin: 0 auto 0 0;
  letter-spacing: 0.28em;
  padding-left: 0.28em;
  color: #fff;
  font-weight: 300;
  font-size: 0.876rem;
  border-radius: 6px; /* 6px */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #595553;
}
.lankBox > .inner .price .all .currencySymbol {
  font-family: Helvetica;
  font-size: 1.25rem;
}
.lankBox > .inner .price .all b {
  font-family: Helvetica;
  padding: 0 0 0;
  margin: 0 0 -3px;
  letter-spacing: 0;
  font-size: 2.125rem;
}
.lankBox > .inner .price .all .tilde {
  width: 15px;
  padding: 2px 0 0;
  margin: auto 0 auto;
}
.lankBox > .inner .price .all u {
  padding: 2px 0 0;
  margin: auto 0 auto 5px;
  text-decoration: none;
  font-size: 0.8125rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .price .unit { /* 一回当たり */
  padding: 9px 13px 16px;
  align-items: flex-end;
  justify-content: flex-start;
  color: #595553;
}
.lankBox > .inner .price .unit .t {
  width: 66px;
  height: 29px;
  line-height: 29px;
  padding: 0;
  margin: 0 auto 0 0;
  letter-spacing: 0.28em;
  padding-left: 0.28em;
  color: #595553;
  font-weight: 400;
  letter-spacing: 0;
  border-radius: 6px; /* 6px */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F4F4F4;
}
.lankBox > .inner .price .unit .currencySymbol {
  font-family: Helvetica;
  font-size: 1.25rem;
}
.lankBox > .inner .price .unit b {
  font-family: Helvetica;
  padding: 0 0 0;
  margin: 0 0 -3px;
  letter-spacing: 0;
  font-size: 2rem;
}
.lankBox > .inner .price .unit .tilde {
  width: 15px;
  padding: 2px 0 0;
  margin: auto 0 auto;
}
.lankBox > .inner .price .unit u {
  padding: 1px 0 0;
  margin: auto 0 auto 5px;
  text-decoration: none;
  font-size: 0.8125rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .ptn01 {
  width: 33.3333333333%;
  max-width: 288px;
}
.lankBox > .inner .ptn01 .itemBox {
  border: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn01 .itemBox .itemHeader .lating {
  padding: 0 0 0 5px;
}
.lankBox > .inner .ptn01 .itemBox .itemThm {
  width: 100%;
  height: 148px;
  overflow: hidden;
}
.lankBox > .inner .ptn01 .itemBox .itemThm img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.lankBox > .inner .ptn01 .itemBox .title {
  width: 100%;
  height: 71px;
  padding: 0 0 0 8px;
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #595553;
}
.lankBox > .inner .ptn01 .itemBox .spec .price .all { /* 月額 */
  padding: 16px 13px 20px 13px;
  border-bottom: none;
  position: relative;
}
.lankBox > .inner .ptn01 .itemBox .spec .price .all::after {
  width: 96%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .spec .price .all .miniT {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 5px;
  left: 14px;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox {
  opacity: 0.8;
  background: #f4f4f4;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader {
  padding: 0 3.5% 0 0;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox {
  width: 100%;
  max-width: 42px;
  position: relative;
  background: #595553;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox::before {
  width: 96%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox::after {
  content: "2";
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .title {
  padding: 4% 2%;
  margin: 0 0 0 3.5%;
  position: relative;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .title::before {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lating {
  padding: 0;
  color: #595553;
  position: relative;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lating::before {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lating .num b {
  background-color: #595553;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:nth-child(2) .lankNumBox:after {
  content: "3";
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child {
  border-bottom: none;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child .lankNumBox::before {
  display: none;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child .title::before {
  display: none;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child .lating::before {
  display: none;
}
.lankBox > .inner .ptn01 .itemBox .linkBox {
  margin: 0 20px 0;
}
.lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn01 {
  max-width: 100%;
}
.lankBox > .inner .ptn02 {
  width: 100%;
  margin: 0 0 60px;
}
.lankBox > .inner .ptn02 .lankBoxTitle {
  margin: 0 0 20px;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .ptn02 .lankBoxTitle .imgBox {
  width: 100%;
  max-width: 36px;
  min-width: 36px;
  margin: 0 8px 0 0;
}
.lankBox > .inner .ptn02 .lankBoxTitle .t {
  font-size: 1.25rem;
}
.lankBox > .inner .ptn02 .lankBoxTitle .t b {
  color: #22bdb1;
}
.lankBox > .inner .ptn02 .nameBox {
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn02 .lankNumBox {
  width: 60px;
  min-width: 60px;
  height: 72px;
  padding: 0 0 0;
  margin: 0;
  background: #F3C613;
}
.lankBox > .inner .ptn02 .lankNumBox .imgBox {
  width: 21px;
  height: auto;
  margin: auto 0 0;
}
.lankBox > .inner .ptn02 .lankNumBox .numBox {
  margin: 0 0 auto;
  font-size: clamp(0.625rem, 0.443rem + 0.91vw, 1.125rem);
}
.lankBox > .inner .ptn02 .lankNumBox::after {
  display: none;
}
.lankBox > .inner .ptn02 .name {
  width: 100%;
  display: flex;
  align-items: center;
}
.lankBox > .inner .ptn02 .name > .inner {
  width: 100%;
  padding: 0 5px 0 0;
  align-items: center;
  justify-content: flex-start;
}
.lankBox > .inner .ptn02 .name > .inner .itemThm {
  width: 100%;
  max-width: 108px;
  margin: 0 25px;
}
.lankBox > .inner .ptn02 .name > .inner .itemThm img {
  width: auto;
  max-height: 72px;
  object-fit: cover;
}
.lankBox > .inner .ptn02 .name > .inner .t {
  margin: 0 0;
  font-weight: 600;
  font-size: 1.25rem;
  color: #595553;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lankBox > .inner .ptn02 .name > .inner .cat {
  padding: 6px;
  margin: 0 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #fff;
  border-radius: 5px;
  font-size: 0.625rem;
  background: #22bdb1;
}
.lankBox > .inner .ptn02 .lating {
  margin: 0 16px 0 auto;
  font-weight: 800;
  color: #F3C613;
  display: flex;
  align-items: center;
}
.lankBox > .inner .ptn02 .lating .num b {
  width: 16px;
  height: 16px;
  background-color: #F3C613;
}
.lankBox > .inner .ptn02 .lating u {
  font-size: 1.875rem;
}
.lankBox > .inner .ptn02 .itemBox {
  border: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn02 .itemBox .spec {
  display: flex;
}
.lankBox > .inner .ptn02 .itemBox .spec > .inner {
  width: 100%;
  padding: 25px 20px;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap {
  width: 62%;
  min-width: 62%;
  max-width: 62%;
  max-height: 300px;
  overflow: hidden;
  line-height: 0;
  justify-content: space-between;
  position: relative;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider {
  width: 100%;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider .imgBox {
  width: 100%;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider .slick-list {
  width: 100%;
  overflow: hidden;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderMain {
  padding: 0 0 0 0;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderMain .slick-list .slick-track .imgBox.slide {
  height: 300px;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  height: 100%;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  display: flex;
  flex-direction: column;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-slide {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  max-height: 84px;
  margin: 0 0 10px;
  overflow: hidden;
  display: block !important;
  float: none !important;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox {
  width: 38%;
  min-width: 38%;
  max-width: 38%;
  padding: 0 26px 0;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price {
  margin: 0 0 20px;
  border-bottom: 1px solid #dedede;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all {
  padding: 5px 0 20px;
  position: relative;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .miniT {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 5px;
  left: 3px;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all b {
  font-size: clamp(0.813rem, 0.381rem + 2.16vw, 2rem);
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit {
  padding: 9px 0 16px;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit b {
  font-size: clamp(0.813rem, 0.381rem + 2.16vw, 2rem);
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .tagList {
  flex-wrap: wrap;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .tagList .item {
  padding: 3px 5px;
  margin: 0 8px 10px 0;
  font-size: 0.876rem;
  color: #fff;
  border-radius: 5px;
  background: #828080;
}
.lankBox > .inner .ptn02 .itemBox .txtBox > .inner {
  font-size: 0.876rem;
  padding: 0 20px 25px;
}
.lankBox > .inner .ptn02 .itemBox .openBox {
  text-align: center;
}
.lankBox > .inner .ptn02 .itemBox .openBox > .inner {
  padding: 0 0 40px;
  margin: 0 20px 0;
  position: relative;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn {
  width: 100%;
  padding: 7px 0 10px;
  margin: 0 auto;
  color: #22bdb1;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F9F9F9;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn::before {
  font-size: 0.9375rem;
  content: "詳細";
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn .icon {
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn:hover {
  cursor: pointer;
  opacity: 0.7;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn ~ .c {
  padding: 0 15px 0;
  text-align: left;
  height: 0;
  overflow: hidden;
  background: #F9F9F9;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active::before {
  content: "とじる";
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active .icon {
  transform: rotate(-180deg);
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active ~ .c {
  height: auto;
  padding: 0 15px 40px;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox {
  padding: 10px 16px 50px;
  justify-content: space-between;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 {
  width: 49%;
  height: 63px;
  line-height: 63px;
  max-width: 50%;
  padding: 0 50px 0;
  margin: 0 0 0 0;
  display: flex;
  position: relative;
  border-radius: 60px;
  border: none;
  background: inherit;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01::before, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02::before {
  width: 100%;
  height: 100%;
  margin: 4px 0 0;
  border-radius: 50px;
  border: 4px solid #dedede;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #22bdb1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 3px solid #22bdb1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #fff;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner b, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner b {
  font-weight: 300;
  font-size: 1.25rem;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner::before, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner::before {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 3px 0 0;
  content: "";
  -webkit-mask-image: url(/aga/images/lanking_cv_btn01.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/lanking_cv_btn01.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #fff;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner .icon, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner .icon {
  font-size: 1.2rem;
  position: absolute;
  top: 49%;
  right: 24px;
  transform: translateY(-50%) translateX(0%);
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner {
  border: 2px solid #22bdb1;
  background: #22bdb1;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner b {
  color: #fff;
}
@media screen and (min-width: 650px ) {
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01:hover {
    background: inherit;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01:hover > .inner {
    margin-top: 4px;
  }
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner {
  border: 2px solid #22bdb1;
  background: #fff;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner b {
  color: #22bdb1;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner::before {
  -webkit-mask-image: url(/aga/images/lanking_cv_btn02.svg);
  mask-image: url(/aga/images/lanking_cv_btn02.svg);
  background-color: #22bdb1;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner .icon {
  color: #22bdb1;
}
@media screen and (min-width: 650px ) {
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02:hover {
    background: inherit;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02:hover::before {
    background-color: #fff;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02:hover > .inner {
    margin-top: 4px;
  }
}
.lankBox > .inner .ptn03 { /* 写真一枚・タグ多めのテンプレ */
  width: 100%;
  margin: 0 0 60px;
}
.lankBox > .inner .ptn03 .lankBoxTitle {
  margin: 0 0 20px;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .ptn03 .lankBoxTitle .imgBox {
  width: 100%;
  max-width: 36px;
  min-width: 36px;
  margin: 0 8px 0 0;
}
.lankBox > .inner .ptn03 .lankBoxTitle .t {
  font-size: 1.25rem;
}
.lankBox > .inner .ptn03 .lankBoxTitle .t b {
  color: #22bdb1;
}
.lankBox > .inner .ptn03 .nameBox {
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn03 .lankNumBox {
  width: 60px;
  min-width: 60px;
  height: 72px;
  padding: 0 0 0;
  margin: 0;
  background: #F3C613;
}
.lankBox > .inner .ptn03 .lankNumBox .imgBox {
  width: 21px;
  height: auto;
  margin: auto 0 0;
}
.lankBox > .inner .ptn03 .lankNumBox .numBox {
  margin: 0 0 auto;
  font-size: clamp(0.625rem, 0.443rem + 0.91vw, 1.125rem);
}
.lankBox > .inner .ptn03 .lankNumBox::after {
  display: none;
}
.lankBox > .inner .ptn03 .name {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.lankBox > .inner .ptn03 .name > .inner {
  width: 100%;
  padding: 0 5px 0 0;
  align-items: center;
  justify-content: flex-start;
}
.lankBox > .inner .ptn03 .name > .inner .itemThm {
  width: 100%;
  max-width: 108px;
  margin: 0 25px;
}
.lankBox > .inner .ptn03 .name > .inner .itemThm img {
  width: auto;
  max-height: 72px;
  object-fit: cover;
}
.lankBox > .inner .ptn03 .name > .inner .t {
  margin: 0 0;
  font-weight: 600;
  font-size: 1.25rem;
  color: #595553;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lankBox > .inner .ptn03 .name > .inner .cat {
  padding: 6px;
  margin: 0 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #fff;
  border-radius: 5px;
  font-size: 0.625rem;
  background: #22bdb1;
}
.lankBox > .inner .ptn03 .lating {
  margin: 0 16px 0 auto;
  font-weight: 800;
  color: #F3C613;
  display: flex;
  align-items: center;
}
.lankBox > .inner .ptn03 .lating .num b {
  width: 16px;
  height: 16px;
  background-color: #F3C613;
}
.lankBox > .inner .ptn03 .lating u {
  font-size: 1.875rem;
}
.lankBox > .inner .ptn03 .itemBox {
  border: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn03 .itemBox .spec {
  display: flex;
}
.lankBox > .inner .ptn03 .itemBox .spec > .inner {
  width: 100%;
  padding: 25px 20px;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap {
  width: 62%;
  min-width: 62%;
  max-width: 62%;
  max-height: 300px;
  overflow: hidden;
  line-height: 0;
  justify-content: space-between;
  position: relative;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .slick-slider {
  width: 100%;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .slick-slider .imgBox {
  width: 100%;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .slick-slider .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .slick-slider .slick-list {
  width: 100%;
  overflow: hidden;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderMain {
  min-width: 50%;
  padding: 0 0 0 0;
  margin: auto;
  text-align: center;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderMain .slick-list .slick-track .imgBox.slide {
  height: 300px;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderNav {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderNav .slick-list {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  height: 100%;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  display: flex;
  flex-direction: column;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-slide {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  max-height: 84px;
  margin: 0 0 10px;
  overflow: hidden;
  display: block !important;
  float: none !important;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox {
  width: 38%;
  min-width: 38%;
  max-width: 38%;
  padding: 0 26px 0;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .price {
  margin: 0 0 20px;
  border-bottom: 1px solid #dedede;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all {
  padding: 5px 0 20px;
  align-items: center;
  position: relative;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all .miniT {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 5px;
  left: 3px;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all b {
  font-size: clamp(0.813rem, 0.381rem + 2.16vw, 2rem);
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit {
  padding: 9px 0 16px;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit b {
  font-size: clamp(0.813rem, 0.381rem + 2.16vw, 2rem);
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .tagList {
  flex-wrap: wrap;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .tagList .item {
  padding: 3px 5px;
  margin: 0 8px 10px 0;
  font-size: 0.876rem;
  color: #fff;
  border-radius: 5px;
  background: #c8c8c8;
}
.lankBox > .inner .ptn03 .itemBox .spec .specBox .tagList .item.active {
  background: #828080;
}
.lankBox > .inner .ptn03 .itemBox .txtBox > .inner {
  font-size: 0.876rem;
  padding: 0 20px 25px;
}
.lankBox > .inner .ptn03 .itemBox .openBox {
  text-align: center;
}
.lankBox > .inner .ptn03 .itemBox .openBox > .inner {
  padding: 0 0 20px;
  margin: 0 20px 20px;
  position: relative;
  background: #F9F9F9;
}
.lankBox > .inner .ptn03 .itemBox .openBox .graphTable04 {
  margin: 0;
}
.lankBox > .inner .ptn03 .itemBox .openBox .graphTable04 .item .t {
  max-width: 260px;
}
.lankBox > .inner .ptn03 .itemBox .openBox .seeAdvance {
  padding: 15px 15px 0;
  text-align: left;
  overflow: hidden;
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn {
  width: 100%;
  padding: 7px 0 10px;
  margin: 0 auto;
  color: #22bdb1;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F9F9F9;
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn::before {
  font-size: 0.9375rem;
  content: "詳細";
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn .icon {
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn:hover {
  cursor: pointer;
  opacity: 0.7;
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn ~ .c {
  padding: 0 15px 0;
  text-align: left;
  height: 0;
  overflow: hidden;
  background: #F9F9F9;
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn ~ .c .graphTable04 > .inner {
  border-top: none;
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn.active {
  margin-bottom: 15px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn.active::before {
  content: "とじる";
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn.active .icon {
  transform: rotate(-180deg);
}
.lankBox > .inner .ptn03 .itemBox .openBox .openBtn.active ~ .c {
  height: auto;
  padding: 0 15px 40px;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox {
  padding: 10px 16px 50px;
  justify-content: space-between;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01, .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 {
  width: 49%;
  height: 63px;
  line-height: 63px;
  max-width: 50%;
  padding: 0 50px 0;
  margin: 0 0 0 0;
  display: flex;
  position: relative;
  border-radius: 60px;
  border: none;
  background: inherit;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01::before, .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02::before {
  width: 100%;
  height: 100%;
  margin: 4px 0 0;
  border-radius: 50px;
  border: 4px solid #dedede;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 > .inner, .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #22bdb1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 3px solid #22bdb1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #fff;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 > .inner b, .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner b {
  font-weight: 300;
  font-size: 1.25rem;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 > .inner::before, .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner::before {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 3px 0 0;
  content: "";
  -webkit-mask-image: url(/aga/images/lanking_cv_btn01.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/lanking_cv_btn01.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #fff;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 > .inner .icon, .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner .icon {
  font-size: 1.2rem;
  position: absolute;
  top: 49%;
  right: 24px;
  transform: translateY(-50%) translateX(0%);
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 > .inner {
  border: 2px solid #22bdb1;
  background: #22bdb1;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 > .inner b {
  color: #fff;
}
@media screen and (min-width: 650px ) {
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01:hover {
    background: inherit;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01:hover > .inner {
    margin-top: 4px;
  }
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner {
  border: 2px solid #22bdb1;
  background: #fff;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner b {
  color: #22bdb1;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner::before {
  -webkit-mask-image: url(/aga/images/lanking_cv_btn02.svg);
  mask-image: url(/aga/images/lanking_cv_btn02.svg);
  background-color: #22bdb1;
}
.lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 > .inner .icon {
  color: #22bdb1;
}
@media screen and (min-width: 650px ) {
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02:hover {
    background: inherit;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02:hover::before {
    background-color: #fff;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02:hover > .inner {
    margin-top: 4px;
  }
}
.lankBox.lankBoxPtn01 { /* ＝ .lankBox */ }
.lankBox.lankBoxPtn02 > .inner .itemWrapper .lankBoxTitle {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px ) {
  .lankBox { /* おすすめランキング */ }
  .lankBox > .inner {
    padding: 10px 0;
  }
  .lankBox > .inner .lankBoxTitle .nameBox {
    margin: 0 0 0;
  }
  .lankBox > .inner .lankBoxTitle .t {
    font-size: 0.6875rem;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader {
    padding: 0 8px 0 0;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lankNumBox {
    max-width: 18px;
    padding: 8px 3px 0;
    margin: 0;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lankNumBox::after {
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lankNumBox .imgBox {
    transform: scale(0.7);
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lating {
    display: none;
  }
  .lankBox > .inner .ptn01 .itemBox .title {
    width: 100%;
    height: 45px;
    padding: 0 0 0 8px;
    margin: 0;
    font-size: 0.625rem;
    line-height: 1.3;
    overflow: hidden;
  }
  .lankBox > .inner .ptn01 .itemBox .title .t {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .lankBox > .inner .ptn01 .itemBox .itemThm {
    height: 72px;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price * {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all {
    flex-wrap: nowrap;
    align-items: center;
    padding: 13px 0px 13px 5px;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .t {
    width: 35px;
    height: 19px;
    line-height: 18px;
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .currencySymbol {
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all b {
    margin: 0;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .tilde {
    width: auto;
    font-size: 0.625rem;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all u {
    padding: 0;
    margin: 0 0 0;
    font-size: 0.625rem;
    letter-spacing: 0;
    font-weight: 400;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .miniT {
    transform: scale(0.7);
    left: -4px;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit {
    padding: 13px 0px 13px 5px;
    flex-wrap: nowrap;
    align-items: center;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .t {
    width: 35px;
    height: 19px;
    line-height: 18px;
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .currencySymbol {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 768px ) and (max-width: 445px ) {
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .currencySymbol {
    margin: 0 -2px 0 -4px;
  }
}
@media screen and (max-width: 768px ) {
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit b {
    margin: 0;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .tilde {
    width: auto;
    font-size: 0.625rem;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit u {
    padding: 0;
    margin: 0 0 0;
    font-size: 0.625rem;
    letter-spacing: 0;
    font-weight: 400;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox {
    max-width: 18px;
  }
  .lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .title {
    width: 100%;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox {
    margin: 0 0 0;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 {
    height: 40px;
    margin: 8px auto 11px;
    font-size: 0.6875rem;
    transform: scale(0.9);
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 * {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07::before {
    height: 40px;
    border: 2px solid #dedede;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 .t {
    height: 40px;
    border: 2px solid #22bdb1;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 .t::before {
    width: 18px;
    height: 18px;
    margin: 0 0 0 3px;
  }
  .lankBox > .inner .ptn02 .lankBoxTitle .t {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox {
    width: 30px;
    min-width: 30px;
    height: 52px;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox .imgBox {
    width: 15px;
    margin: auto auto 0;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox::after {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox::after {
    display: none;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .itemThm {
    max-width: 50px;
    margin: 0 5px;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .itemThm img {
    max-height: 72px;
    object-fit: cover;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .t {
    font-size: 0.8125rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .cat {
    width: 50px;
    padding: 3px;
    margin: 0 0 0 3px;
    border-radius: 5px;
    white-space: nowrap;
    letter-spacing: -0.1em;
  }
  .lankBox > .inner .ptn02 .nameBox .lating {
    margin: 0 8px 0 auto;
  }
  .lankBox > .inner .ptn02 .nameBox .lating .num b {
    width: 10px;
    height: 10px;
    display: none;
  }
  .lankBox > .inner .ptn02 .nameBox .lating .num b:first-child {
    display: block;
  }
  .lankBox > .inner .ptn02 .nameBox .lating u {
    font-size: 0.9375rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec > .inner {
    padding: 25px 20px 10px;
    flex-direction: column;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .slider_wrap {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    justify-content: space-between;
    position: relative;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderMain .slick-list .slick-track .imgBox.slide {
    height: 200px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track .imgBox.slide {
    height: 60px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit {
    padding: 9px 0 16px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .t, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit .t {
    margin: 0 auto -7px -5px;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .currencySymbol, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit .currencySymbol {
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all b, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit b {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all u, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit u {
    margin: 0 0 0 5px;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .t {
    margin: 0 auto 0 -5px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .tagList .item {
    font-size: 0.75rem;
  }
  .lankBox > .inner .ptn02 .itemBox .openBox > .inner {
    padding: 0 0 15px;
  }
  .lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active {
    bottom: 20px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox {
    padding: 10px 16px 20px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 .inner:before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    left: 8px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 .inner b {
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 .inner .icon {
    display: none;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 .inner:before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    left: 8px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 .inner b {
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 .inner .icon {
    display: none;
  }
  .lankBox > .inner .ptn03 { /* 写真一枚・タグ多めのテンプレ */ }
  .lankBox > .inner .ptn03 .lankBoxTitle .t {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn03 .nameBox .lankNumBox {
    width: 30px;
    min-width: 30px;
    height: 52px;
  }
  .lankBox > .inner .ptn03 .nameBox .lankNumBox .imgBox {
    width: 15px;
    margin: auto auto 0;
  }
  .lankBox > .inner .ptn03 .nameBox .lankNumBox::after {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn03 .nameBox .lankNumBox::after {
    display: none;
  }
  .lankBox > .inner .ptn03 .nameBox .name > .inner .itemThm {
    max-width: 50px;
    margin: 0 5px;
  }
  .lankBox > .inner .ptn03 .nameBox .name > .inner .itemThm img {
    max-height: 72px;
    object-fit: cover;
  }
  .lankBox > .inner .ptn03 .nameBox .name > .inner .t {
    font-size: 0.8125rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .lankBox > .inner .ptn03 .nameBox .name > .inner .cat {
    width: 50px;
    padding: 3px;
    margin: 0 0 0 3px;
    border-radius: 5px;
    white-space: nowrap;
    letter-spacing: -0.1em;
  }
  .lankBox > .inner .ptn03 .nameBox .lating {
    margin: 0 8px 0 auto;
  }
  .lankBox > .inner .ptn03 .nameBox .lating .num b {
    width: 10px;
    height: 10px;
    display: none;
  }
  .lankBox > .inner .ptn03 .nameBox .lating .num b:first-child {
    display: block;
  }
  .lankBox > .inner .ptn03 .nameBox .lating u {
    font-size: 0.9375rem;
  }
  .lankBox > .inner .ptn03 .itemBox .spec > .inner {
    padding: 25px 20px 10px;
    flex-direction: column;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .slider_wrap {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    justify-content: space-between;
    position: relative;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderMain .slick-list .slick-track .imgBox.slide {
    height: 200px;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track .imgBox.slide {
    height: 60px;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all, .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit {
    padding: 9px 0 16px;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all .t, .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit .t {
    margin: 0 auto -7px -5px;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all .currencySymbol, .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit .currencySymbol {
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all b, .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit b {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all .tilde, .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit .tilde {
    padding: 0;
    margin: 0 0 0 5px;
    letter-spacing: 0;
    display: flex;
    align-items: flex-end;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all u, .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .unit u {
    margin: 0 0 0 5px;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .price .all .t {
    margin: 0 auto 0 -5px;
  }
  .lankBox > .inner .ptn03 .itemBox .spec .specBox .tagList .item {
    font-size: 0.75rem;
  }
  .lankBox > .inner .ptn03 .itemBox .openBox > .inner {
    padding: 0 0 15px;
  }
  .lankBox > .inner .ptn03 .itemBox .openBox .graphTable04 .item .t {
    max-width: 98px;
  }
  .lankBox > .inner .ptn03 .itemBox .openBox .openBtn.active {
    margin-bottom: 0;
    bottom: 0;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox {
    padding: 10px 16px 20px;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 .inner:before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    left: 8px;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 .inner b {
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn01 .inner .icon {
    display: none;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 .inner:before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    left: 8px;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 .inner b {
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn03 .itemBox .btmBox .linkBox .goToBtn02 .inner .icon {
    display: none;
  }
  .lankBox.lankBoxPtn01 { /* ＝ .lankBox */ }
  .lankBox.lankBoxPtn02 > .inner {
    padding-right: 13px;
    padding-left: 13px;
  }
  .lankBox.lankBoxPtn02 > .inner .itemWrapper .lankBoxTitle {
    margin-bottom: 20px;
  }
  .lankBox.lankBoxPtn02 > .inner .itemWrapper .lankBoxTitle .t {
    font-size: 0.876rem;
  }
}
.tagList01 { /* タグ羅列1 */
  margin: 34px 0;
}
.tagList01 > .inner {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-start;
}
.tagList01 .item {
  margin: 0 12px 10px 0;
}
.tagList01 .item .t {
  min-width: 76px;
  padding: 4px 8px;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #fff;
  border-radius: 5px;
  background: #595553;
}

@media screen and (max-width: 980px ) {
  .tagList01 { /* タグ羅列1 */
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media screen and (max-width: 768px ) {
  .tagList01 { /* タグ羅列1 */
    margin: 34px 0;
  }
}
.colmLanking01 { /* コラムランキング */ }
.colmLanking01 .clmlist {
  padding: 13px;
  background: #fff;
}
.colmLanking01 .clmlist .item {
  margin: 0 0 24px;
}
.colmLanking01 .clmlist .item .c {
  color: #595553;
}
.colmLanking01 .clmlist .item .c .imgBox {
  width: 100%;
  min-width: 280px;
  max-width: 280px;
}
.colmLanking01 .clmlist .item .c .textBox {
  margin: 0 0 8px 17px;
}
.colmLanking01 .clmlist .item .c .textBox .t {
  font-size: 1.25rem;
}
.colmLanking01 .clmlist .item .c .textBox .d {
  margin: 12px 0 8px;
  font-weight: 300;
}
.colmLanking01 .clmlist .item .c .textBox .time {
  font-size: 0.75rem;
  color: #c8c8c8;
}
.colmLanking01 .clmlist .item:last-child {
  margin: 0;
}
.colmLanking01 .linkBox {
  margin: 60px 0 30px;
}

@media screen and (max-width: 768px ) {
  .colmLanking01 { /* コラムランキング */ }
  .colmLanking01 .clmlist .item {
    margin: 0 0 24px;
  }
  .colmLanking01 .clmlist .item .c {
    justify-content: flex-start;
  }
  .colmLanking01 .clmlist .item .c .imgBox {
    width: 100%;
    min-width: 80px;
    max-width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
  }
  .colmLanking01 .clmlist .item .c .imgBox img {
    width: 120px;
    max-width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  .colmLanking01 .clmlist .item .c .textBox .t {
    font-size: 0.876rem;
  }
  .colmLanking01 .clmlist .item .c .textBox .d {
    margin: 12px 0 8px;
    font-size: 0.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .colmLanking01 .linkBox {
    margin: 35px 0 0;
  }
}
.itemList01 { /* コラム一覧などの複数アイテム1 */ }
.itemList01 > .inner {
  flex-wrap: wrap;
  margin: 0 -22px 0 0;
}
.itemList01 .item {
  width: 33.3333333333%;
  padding: 0 22px 80px 0;
  color: #595553;
}
.itemList01 .item > .inner {
  color: #595553;
  position: relative;
}
.itemList01 .item .imgBox {
  width: 100%;
}
.itemList01 .item .txtBox .tagList01 {
  padding: 0;
  margin: 24px 0 24px;
  justify-content: space-between;
}
.itemList01 .item .txtBox .tagList01 > .inner {
  width: 100%;
}
.itemList01 .item .txtBox .tagList01 .item {
  padding: 0;
  margin: 0 0 0;
}
.itemList01 .item .txtBox .tagList01 .time {
  padding: 0 0 0 12px;
}
.itemList01 .item .txtBox .txt {
  color: #595553;
}

@media screen and (max-width: 768px ) {
  .itemList01 { /* コラム一覧などの複数アイテム1 */
    padding: 0;
    margin: 0 0;
  }
  .itemList01 > .inner {
    margin: 0 0 0;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .itemList01 .item {
    width: 100%;
    padding: 20px 0 20px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #dedede;
  }
  .itemList01 .item .imgBox {
    width: 33.3333333333%;
    min-width: 124px;
  }
  .itemList01 .item .txtBox {
    margin: 0 0 0 12px;
  }
  .itemList01 .item .txtBox .tagList01 {
    display: flex;
    margin: 0 0 8px;
    justify-content: flex-start;
  }
  .itemList01 .item .txtBox .tagList01 > .inner {
    width: inherit;
  }
  .itemList01 .item .txtBox .tagList01 .item {
    border: none;
  }
}
/* コラム詳細ページ（コラム記事）共通CSSは silchika-common内のSCSS読み込み */
/* (.clmArea01以降の記述～　)*/
/* root
---------------------------------------------- */
.root {
  /* .keyは silchika_common に移動 */
}
.root .massageCtn01 { /* メッセージ */
  max-width: inherit;
  padding-bottom: 20px;
}
.root .massageCtn01 > .inner {
  max-width: 768px;
  margin: 0 auto;
  text-align: center;
  color: #595553;
  font-weight: 600;
  line-height: 2;
  font-size: 1.25rem;
}
@media screen and (max-width: 768px ) {
  .root .massageCtn01 { /* メッセージ */ }
  .root .massageCtn01 > .inner {
    font-size: 0.8125rem;
  }
}
.root .ctn > .inner .clmHeader .title, .root .ctn > .inner > .title {
  margin-top: 0;
}
@media screen and (max-width: 768px ) {
  .root .ctn > .inner .clmHeader .title, .root .ctn > .inner > .title {
    font-size: 1.125rem;
  }
}
.root .ctn01 { /* おすすめランキング lankingArea01 */
  width: 100%;
  max-width: inherit;
  padding-bottom: 0;
  /* 使いまわす部品枠内に記述（.lankBox）。TOP用lankBoxは以下に記述。*/
}
.root .ctn01 > .inner > .title {
  font-size: 1.875rem;
  margin: 0 0 50px 15px;
  white-space: nowrap;
}
.root .ctn01 > .inner > .title span {
  margin: 0 8px 0;
  align-items: center;
  justify-content: center;
}
.root .ctn01 > .inner > .title .t {
  display: flex;
  align-items: center;
}
.root .ctn01 > .inner > .title .t2:before, .root .ctn01 > .inner > .title .t2:after {
  display: block;
  width: 20px;
  height: 20px;
  margin: 8px 5px 0 5px;
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-mask-image: url(/aga/images/lanking1.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/lanking1.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #F3C613;
}
.root .ctn01 > .inner > .title .t2 .t2_t {
  margin: 0 2px 0 0;
}
.root .ctn01 .lankBox > .inner .ptn02 {
  margin: 0 0 50px;
}
@media screen and (max-width: 768px ) {
  .root .ctn01 { /* おすすめランキング lankingArea01 */
    /* 使いまわす部品枠内に記述（.lankBox）。TOP用lankBoxは以下に記述。*/
  }
  .root .ctn01 > .inner > .title {
    font-size: 1.125rem;
    margin: 0 0 20px 10px;
  }
  .root .ctn01 > .inner > .title span {
    margin: 0 3px 0;
  }
  .root .ctn01 > .inner > .title .t2:before, .root .ctn01 > .inner > .title .t2:after {
    width: 15px;
    height: 15px;
    margin: 4px 3px 0 3px;
  }
  .root .ctn01 .lankBox > .inner .ptn02 {
    margin: 0 0 20px;
  }
}
.root .ctn02 { /* メニューから探す */
  max-width: inherit;
  margin: 0 0;
  background: #f9f9f9;
}
.root .ctn02 > .inner {
  max-width: 980px;
  margin: 0 auto;
}
.root .ctn02 .ctnMnu01 {
  margin: 0 0 30px;
}
.root .ctn02 .ctnMnu01 > .inner {
  justify-content: space-between;
}
.root .ctn02 .ctnMnu01 > .inner .item {
  width: 48%;
}
.root .ctn02 .ctnMnu01 > .inner .item .t {
  width: 100%;
  height: 100%;
  padding: 30px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 600;
  color: #22bdb1;
  border-radius: 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.03);
  border: 1px solid #d7d7d7;
  position: relative;
  background: #fff;
}
.root .ctn02 .ctnMnu01 > .inner .item .t::before {
  width: 100%;
  height: 106%;
  content: "";
  display: block;
  border-radius: 25px;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border: 3px solid transparent;
}
.root .ctn02 .ctnMnu01 > .inner .item .t:hover {
  opacity: 1;
  color: #22bdb1;
  border: 1px solid transparent;
}
.root .ctn02 .ctnMnu01 > .inner .item .t:hover::before {
  border-color: #22bdb1;
}
.root .ctn02 .ctnMnu01 > .inner .item .t .txtBox {
  padding: 0 0 0 10px;
}
.root .ctn02 .ctnMnu01 > .inner .item .t .txtBox .imgBox {
  width: 100%;
  min-width: 50px;
  max-width: 50px;
  margin: 0 30px;
}
.root .ctn02 .ctnMnu01 > .inner .item .t .txtBox .icon-arrow002 {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) translateX(0%);
}
.root .ctn02_02 { /* アイテム一覧　アイコンなど無し */
  max-width: inherit;
  margin: 0 0;
  background: #edf3f3;
}
.root .ctn02_02 > .inner {
  max-width: 980px;
  margin: 0 auto;
}
.root .ctn02_02 .ctnMnu01 {
  margin: 0 0 30px;
}
.root .ctn02_02 .ctnMnu01 > .inner {
  justify-content: space-between;
}
.root .ctn02_02 .ctnMnu01 .item {
  width: 32.2%;
}
.root .ctn02_02 .ctnMnu01 .item .t {
  width: 100%;
  height: 100%;
  padding: 18px 10px;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  color: #595553;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #c8c8c8;
  position: relative;
  background: #fff;
}
.root .ctn02_02 .ctnMnu01 .item .t:hover {
  color: #22bdb1;
  border-color: #22bdb1;
}
@media screen and (max-width: 980px ) {
  .root .ctn02 { /* メニューから探す */
    padding-right: 13px;
    padding-left: 13px;
  }
  .root .ctn02_02 { /* メニューから探す */
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media screen and (max-width: 768px ) {
  .root .ctn02 { /* メニューから探す */ }
  .root .ctn02 .ctnMnu01 {
    margin-left: 13px;
    margin-right: 13px;
    margin: 0 0 10px;
  }
  .root .ctn02 .ctnMnu01 > .inner .item .t {
    padding-right: 0;
    padding-left: 0;
    flex-direction: column;
  }
  .root .ctn02 .ctnMnu01 > .inner .item .t .txtBox {
    margin: 0 0 0 5px;
    font-size: 0.876rem;
    color: #22bdb1;
  }
  .root .ctn02 .ctnMnu01 > .inner .item .t .txtBox .imgBox {
    margin: auto;
  }
  .root .ctn02 .ctnMnu01 > .inner .item .t .txtBox .icon-arrow002 {
    margin: 4px 0 0 3px;
    font-size: 0.6rem;
    position: static;
    transform: none;
  }
  .root .ctn02_02 { /* アイテム一覧　アイコンなど無し */ }
  .root .ctn02_02 .ctnMnu01 {
    margin-bottom: 10px;
  }
  .root .ctn02_02 .ctnMnu01 > .inner {
    justify-content: space-around;
  }
  .root .ctn02_02 .ctnMnu01 .item {
    width: 45%;
    margin-bottom: 12px;
  }
  .root .ctn02_02 .ctnMnu01 .item .t {
    padding: 10px 3px;
    font-size: 0.75rem;
  }
}
.root .ctn03 { /* 絞り込み検索 */
  /* 使いまわす部品枠内に記述。TOP用のCSSのみを書く。*/
}
.root .ctn03.ctn03_facial {
  padding-top: 0;
}
.root .ctn03 .refine-search_facial_list .refine-search_facial_list-item:nth-child(2),
.root .ctn03 .refine-search_facial_list .refine-search_facial_list-item:nth-child(3) {
  display: none;
}
.root .ctn04 { /* コラムランキング */
  /* 使いまわす部品枠内に記述。TOP用のCSSのみを書く。*/
  max-width: inherit;
  background: #F2F6F6;
  margin: 20px 0 0;
}
.root .ctn04 > .inner {
  max-width: 980px;
  margin: 0 auto;
}
.root .orderAdjustment { /* 順番調整 */
  display: flex;
  flex-direction: column;
}
.root .orderAdjustment > * {
  order: 1;
}
.root .orderAdjustment .key {
  order: 1;
}
.root .orderAdjustment .massageCtn01 {
  order: 1;
}
.root .orderAdjustment .lankingArea01 {
  order: 1;
}
.root .orderAdjustment .lankBox {
  order: 1;
}
.root .orderAdjustment .ctn02_02 {
  order: 1;
}
.root .orderAdjustment .colmLanking01 {
  order: 2;
}
.root .orderAdjustment .cateList01 {
  order: 3;
}

/* columns index
---------------------------------------------- */
.columns.index .ctn > .inner > .tagList01 { /* 表示中のみ濃く */ }
.columns.index .ctn > .inner > .tagList01 .item:not(.active) .t {
  background: #b1b1b1;
}
.columns.index .ctn .itemList01 .tagList01 .item:first-child {
  display: flex;
}

@media screen and (max-width: 980px ) {
  .columns.index .ctn .itemList01 {
    padding: 0 13px;
  }
}
/* columns show
---------------------------------------------- */
.columns.show,
.columns.show_test {
  /* .clmArea01等はいったん部品として記述しています。*/
}
.columns.show .prof,
.columns.show_test .prof {
  margin: 6% 0 0;
  border-top: 1px solid #595553;
}
.columns.show .prof > .inner,
.columns.show_test .prof > .inner {
  margin: 20px 0 0;
}
.columns.show .prof .imgBox,
.columns.show_test .prof .imgBox {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  padding: 0;
  margin: auto;
}
.columns.show .prof .imgBox img,
.columns.show_test .prof .imgBox img {
  border-radius: 50%;
}
.columns.show .prof .txtBox,
.columns.show_test .prof .txtBox {
  width: auto;
  padding: 0 0 0 15px;
  margin: 0;
}
.columns.show .prof .txtBox .t,
.columns.show_test .prof .txtBox .t {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.columns.show .prof .txtBox .t span,
.columns.show_test .prof .txtBox .t span {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  margin: 0 8px 0 0;
  display: inline-flex;
  font-size: 0.7rem;
  border-radius: 20px;
  background: #f5f5f5;
}
.columns.show .prof .txtBox p,
.columns.show_test .prof .txtBox p {
  margin: 15px 0;
}
.columns.show .prof .txtBox b,
.columns.show_test .prof .txtBox b {
  font-size: 1.3rem;
  padding: 0 15px 0 0;
}
@media screen and (max-width: 650px ) {
  .columns.show .prof > .inner,
  .columns.show_test .prof > .inner {
    padding: 12px;
    margin: 0 0 6%;
  }
  .columns.show .prof .imgBox,
  .columns.show_test .prof .imgBox {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
  }
  .columns.show .prof .txtBox,
  .columns.show_test .prof .txtBox {
    padding: 0;
  }
  .columns.show .prof .txtBox .t span,
  .columns.show_test .prof .txtBox .t span {
    font-size: 0.65rem;
  }
  .columns.show .prof .txtBox .t b,
  .columns.show_test .prof .txtBox .t b {
    font-size: 0.8rem;
  }
  .columns.show .prof .txtBox p,
  .columns.show_test .prof .txtBox p {
    margin: 15px 0;
    font-size: 0.7rem;
  }
}
.columns.show blockquote,
.columns.show_test blockquote {
  padding: 2em 3em;
  position: relative;
  background: #f4f4f4;
}
.columns.show blockquote:before,
.columns.show_test blockquote:before {
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  content: "“";
  font-size: 24pt;
  text-align: center;
  line-height: 42px;
  color: #ddd;
  position: absolute;
  top: 0.4em;
  left: 0.4em;
  display: block;
  height: 25px;
  width: 25px;
}
.columns.show blockquote:after,
.columns.show_test blockquote:after {
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  content: "”";
  font-size: 24pt;
  text-align: center;
  line-height: 42px;
  color: #ddd;
  position: absolute;
  bottom: 0.4em;
  right: 0.4em;
  display: block;
  height: 25px;
  width: 25px;
}

/*
/recommend/ 女性脱毛
/search/ 検索結果一覧
---------------------------------------------- */
.rank_pages .ctn.searchArea01,
.recommend .ctn.searchArea01,
.search .ctn.searchArea01 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.rank_pages .ctn.searchArea01 > .inner > .title,
.recommend .ctn.searchArea01 > .inner > .title,
.search .ctn.searchArea01 > .inner > .title { /* 絞り込み検索テキスト非表示 */
  display: none;
}
.rank_pages .lankBoxTitle,
.recommend .lankBoxTitle,
.search .lankBoxTitle {
  margin: 10px auto 10px;
  justify-content: center;
  align-items: center;
}
.rank_pages .lankBoxTitle .imgBox,
.recommend .lankBoxTitle .imgBox,
.search .lankBoxTitle .imgBox {
  width: 100%;
  max-width: 36px;
  min-width: 36px;
  margin: 0 8px 0 0;
}
.rank_pages .lankBoxTitle .t,
.recommend .lankBoxTitle .t,
.search .lankBoxTitle .t {
  font-size: 1.25rem;
}
.rank_pages .lankBoxTitle .t b,
.recommend .lankBoxTitle .t b,
.search .lankBoxTitle .t b {
  color: #22bdb1;
}
@media screen and (max-width: 768px ) {
  .rank_pages .lankBoxTitle,
  .recommend .lankBoxTitle,
  .search .lankBoxTitle {
    margin: 13px auto 13px;
  }
  .rank_pages .lankBoxTitle .imgBox,
  .recommend .lankBoxTitle .imgBox,
  .search .lankBoxTitle .imgBox {
    width: 100%;
    max-width: 22px;
    min-width: 22px;
    margin: 0 5px 0 0;
  }
  .rank_pages .lankBoxTitle .t,
  .recommend .lankBoxTitle .t,
  .search .lankBoxTitle .t {
    font-size: 0.75rem;
  }
}
.rank_pages .selectedList,
.recommend .selectedList,
.search .selectedList {
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(0.625rem, 0.534rem + 0.45vw, 0.875rem);
  line-height: 1.3;
}
.rank_pages .selectedList > .inner,
.recommend .selectedList > .inner,
.search .selectedList > .inner {
  padding: 0 0 13px;
  justify-content: center;
}
.rank_pages .selectedList .title,
.recommend .selectedList .title,
.search .selectedList .title {
  margin: 5px 2px 0 -5px;
  color: #727272;
  letter-spacing: 0;
}
.rank_pages .selectedList li,
.recommend .selectedList li,
.search .selectedList li {
  margin: 5px 5px 0 0;
  color: #22bdb1;
  font-weight: 600;
}
@media screen and (max-width: 980px ) {
  .rank_pages .selectedList > .inner,
  .recommend .selectedList > .inner,
  .search .selectedList > .inner {
    padding: 0 13px 13px;
  }
}
.rank_pages .itemCount,
.recommend .itemCount,
.search .itemCount {
  max-width: 980px;
  margin: 0 auto 20px;
  text-align: center;
  font-size: clamp(0.625rem, 0.534rem + 0.45vw, 0.875rem);
}
.rank_pages .itemCount > .inner,
.recommend .itemCount > .inner,
.search .itemCount > .inner {
  padding: 0 0;
}
.rank_pages .itemCount b,
.recommend .itemCount b,
.search .itemCount b {
  display: inline-block;
  margin: 0 3px 0 0;
}
@media screen and (max-width: 980px ) {
  .rank_pages .itemCount > .inner,
  .recommend .itemCount > .inner,
  .search .itemCount > .inner {
    padding: 0 13px;
  }
}
.rank_pages .itemZero,
.recommend .itemZero,
.search .itemZero {
  width: 100%;
  text-align: center;
}
.rank_pages .lankBox > .inner,
.recommend .lankBox > .inner,
.search .lankBox > .inner {
  padding: 0;
}
@media screen and (max-width: 768px ) {
  .rank_pages .lankBox > .inner,
  .recommend .lankBox > .inner,
  .search .lankBox > .inner {
    padding-right: 13px;
    padding-left: 13px;
  }
}
.rank_pages .lankBox > .inner .itemWrapper .preaseRead,
.recommend .lankBox > .inner .itemWrapper .preaseRead,
.search .lankBox > .inner .itemWrapper .preaseRead {
  order: 2;
  padding: 10px;
  margin: 40px 0 10px;
  font-size: 0.75rem;
  border: 4px solid #F2F6F6;
}
.rank_pages .lankBox > .inner .ptn02,
.recommend .lankBox > .inner .ptn02,
.search .lankBox > .inner .ptn02 {
  margin: 0 0 13px;
}
.rank_pages .lankBox > .inner .ptn03,
.recommend .lankBox > .inner .ptn03,
.search .lankBox > .inner .ptn03 {
  order: 2;
  margin: 0 0 13px;
}
.rank_pages .lankBox > .inner .nameBox .lankNumBox,
.recommend .lankBox > .inner .nameBox .lankNumBox,
.search .lankBox > .inner .nameBox .lankNumBox {
  background: #D9D9D9;
}
.rank_pages .lankBox > .inner .nameBox .lankNumBox.lankNumBox_1,
.recommend .lankBox > .inner .nameBox .lankNumBox.lankNumBox_1,
.search .lankBox > .inner .nameBox .lankNumBox.lankNumBox_1 {
  background: #F3C613;
}
.rank_pages .lankBox > .inner .nameBox .lankNumBox.lankNumBox_2,
.recommend .lankBox > .inner .nameBox .lankNumBox.lankNumBox_2,
.search .lankBox > .inner .nameBox .lankNumBox.lankNumBox_2 {
  background: #86B2B7;
}
.rank_pages .lankBox > .inner .nameBox .lankNumBox.lankNumBox_3,
.recommend .lankBox > .inner .nameBox .lankNumBox.lankNumBox_3,
.search .lankBox > .inner .nameBox .lankNumBox.lankNumBox_3 {
  background: #CBAA8B;
}
.rank_pages .lankBox > .inner .itemBox .openBox,
.recommend .lankBox > .inner .itemBox .openBox,
.search .lankBox > .inner .itemBox .openBox {
  padding: 10px 0 9px;
}
.rank_pages .lankBox > .inner .itemBox .openBox .inner,
.recommend .lankBox > .inner .itemBox .openBox .inner,
.search .lankBox > .inner .itemBox .openBox .inner {
  padding: 0 0 16px;
}
@media screen and (max-width: 768px ) {
  .rank_pages .lankBox > .inner .itemBox .openBox .inner,
  .recommend .lankBox > .inner .itemBox .openBox .inner,
  .search .lankBox > .inner .itemBox .openBox .inner {
    padding: 0;
  }
}
.rank_pages .lankBox > .inner .itemBox .btmBox .linkBox,
.recommend .lankBox > .inner .itemBox .btmBox .linkBox,
.search .lankBox > .inner .itemBox .btmBox .linkBox {
  padding: 4px 16px 27px;
  justify-content: center;
}
.rank_pages .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02,
.recommend .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02,
.search .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 {
  max-width: 100%;
  width: 100%;
}
.rank_pages .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner,
.recommend .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner,
.search .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner {
  background-color: #22bdb1;
}
.rank_pages .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner::before,
.recommend .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner::before,
.search .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner::before {
  background-color: #fff;
}
.rank_pages .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner b,
.recommend .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner b,
.search .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner b {
  color: #fff;
}
.rank_pages .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner .icon,
.recommend .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner .icon,
.search .lankBox > .inner .itemBox .btmBox .linkBox .goToBtn02 .inner .icon {
  color: #fff;
}

/*
under
---------------------------------------------- */
.under .ctn > .inner > .title {
  margin-top: 0;
}
@media screen and (max-width: 768px ) {
  .under .ctn > .inner > .title {
    margin-top: 30px;
    font-size: 1.125rem;
  }
}

/*
会員ページ
---------------------------------------------- */
#mypage .header {
  padding-top: 24px;
  background-color: #F9F9F9;
  z-index: 1;
}
#mypage .header .in {
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
}
#mypage .header .prof_conts {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
#mypage .header .prof_conts .icon {
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #22BDB1;
  overflow: hidden;
  margin-right: 12px;
}
#mypage .header .prof_conts .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#mypage .header .prof_conts .name {
  color: #595553;
  font-weight: 600;
  font-size: 1.125rem;
  margin-right: 12px;
}
#mypage .header .prof_conts .register {
  display: inline-block;
  padding-right: 17px;
  font-size: 0.625rem;
  color: #22BDB1;
  font-weight: 600;
  position: relative;
  border-bottom: 1px solid;
}
#mypage .header .prof_conts .register::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background-image: url(/aga/images/common/icon_register.svg);
}
#mypage .header .tab_area {
  display: flex;
  gap: 1px;
  width: 100%;
}
#mypage .header .tab_area .list {
  border-radius: 3px 3px 0 0;
  height: 40px;
  width: calc((100% - 5px) / 5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: #C8C8C8;
  background-color: #EBEBEB;
}
#mypage .header .tab_area .list.active {
  background-color: #FFFFFF;
  color: #595553;
  font-weight: 600;
}
#mypage .mylist_area {
  padding-top: 40px;
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
}
#mypage .mylist_area .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  color: #595553;
  margin-bottom: 28px;
}
#mypage .mylist_area .logo img {
  width: 52px;
}
#mypage .mylist_area .tab-area {
  display: flex;
  width: 100%;
  justify-content: center;
  max-width: 660px;
  margin: 0 auto;
}
#mypage .mylist_area .tab-area .tab {
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.876rem;
  font-weight: 600;
  color: #c8c8c8;
  border-color: #c8c8c8;
  border-bottom: 2px solid;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
}
#mypage .mylist_area .tab-area .tab.active {
  color: #22bdb1;
  border-color: #22bdb1;
}
#mypage .mylist_area .tab-area.tab02 .tab {
  max-width: 330px;
  width: 50%;
}
#mypage .mylist_area .tab-area.tab03 .tab {
  max-width: 220px;
  width: 33.3333333333%;
}
#mypage .mylist_area .panel-area .panel {
  display: none;
  text-align: center;
  padding-top: 40px;
  color: #595553;
}
#mypage .mylist_area .panel-area .panel.active {
  display: block;
}
#mypage .mylist_area .panel-area .panel .intro {
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 40px;
}
#mypage .mylist_area .panel-area .panel .like_item_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 28px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list {
  width: calc((100% - 56px) / 3);
  text-align: left;
  position: relative;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .like_btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 44px;
  width: 44px;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_name {
  font-size: 0.876rem;
  font-weight: 600;
  padding-right: 44px;
  display: block;
  margin-bottom: 20px;
  color: #595553;
  display: flex;
  align-items: center;
  min-height: 44px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info {
  display: flex;
  margin-bottom: 20px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .img {
  width: 128px;
  height: 88px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .img img {
  width: 128px;
  height: 88px;
  object-fit: cover;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .img.cosme {
  width: 100px;
  height: 100px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .img.cosme img {
  width: 100px;
  height: 100px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  flex: 1;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .volume {
  font-size: 0.625rem;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .min_price {
  font-size: 0.75rem;
  font-weight: 600;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .main_price {
  font-weight: bold;
  font-size: 1.6875rem;
  color: #EE6439;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .main_price .yen {
  font-size: 0.9375rem;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .normal_price {
  font-size: 0.625rem;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list textarea {
  height: 67px;
  width: 100%;
  border: 1px solid #C8C8C8;
  margin-bottom: 12px;
  border-radius: 3px;
  color: #595553;
  font-size: 0.75rem;
  box-sizing: border-box;
  padding: 5px;
  margin-bottom: 5px;
  font-weight: 400;
  resize: none;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list textarea::placeholder {
  color: #c8c8c8;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .btn {
  height: 67px;
  width: 100%;
  border: 1px solid #C8C8C8;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #595553;
  font-size: 0.8125rem;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .btn.shop {
  background-color: #22bdb1;
  color: #fff;
  border-color: #22bdb1;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .clinic {
  font-size: 0.8125rem;
  margin-bottom: 15px;
}
#mypage .mylist_area .panel-area .panel .like_item_list .list .clinic .title {
  font-weight: 600;
}
#mypage .mylist_area .panel-area .panel .form_btn_list {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
#mypage .mylist_area .panel-area .panel .form_btn_list .reset_btn {
  color: #22BDB1;
  font-size: 14px;
  width: 60px;
  background: none;
  border: none;
  margin-bottom: 10px;
}
#mypage .mylist_area .panel-area .panel .form_btn_list .submit_btn {
  background-color: #22BDB1;
  color: #fff;
  width: 60px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  border-radius: 4px;
  font-size: 14px;
  margin: 0 0 10px 10px;
  padding: 0;
}
#mypage .mylist_area .panel-area .panel .like_brand_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  background-color: #F9F9F9;
  box-sizing: border-box;
  padding: 10px;
}
#mypage .mylist_area .panel-area .panel .like_brand_list .list {
  background-color: #fff;
  padding: 10px;
  width: calc((100% - 40px) / 5);
  text-align: left;
}
#mypage .mylist_area .panel-area .panel .like_brand_list .list .brand_name {
  height: 44px;
  overflow: hidden;
  width: 100%;
  display: flex;
  margin-left: -2px;
  padding-right: 42px;
  box-sizing: border-box;
  font-size: 0.8125rem;
  font-weight: 600;
}
#mypage .mylist_area .panel-area .panel .like_brand_list .list .brand_name p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-items: center;
}
#mypage .mylist_area .panel-area .panel .like_brand_list .list .img {
  width: 160px;
  height: 160px;
}
#mypage .mylist_area .panel-area .panel .like_brand_list .list .img img {
  width: 160px;
  height: 160px;
  object-fit: contain;
}
#mypage .mylist_area .panel-area .panel .like_brand_list .list .btn {
  height: 67px;
  width: 100%;
  border: 1px solid #C8C8C8;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #595553;
  font-size: 0.8125rem;
}
#mypage .mylist_area .panel-area .panel .notice_list {
  display: grid;
  max-width: 600px;
  margin: 0 auto;
}
#mypage .mylist_area .panel-area .panel .notice_list .list {
  display: flex;
  align-items: center;
  color: #595553;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
}
#mypage .mylist_area .panel-area .panel .notice_list .list:last-child {
  border: none;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .title {
  width: 136px;
  box-sizing: border-box;
  padding: 0 5px;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: left;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .description {
  font-size: 0.75rem;
  flex: 1;
  padding: 0 5px;
  text-align: left;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check {
  width: 92px;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  height: 64px;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check input[type=checkbox] {
  display: none;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check input[type=checkbox]:checked + label:before {
  background-color: #22BDB1;
  transition: background-color 0.5s ease-in;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check input[type=checkbox]:checked + label:after {
  background-color: #ffffff;
  left: 30px;
  transition: left 0.5s;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check input[type=checkbox] + label {
  display: inline-block;
  padding-left: 58px;
  padding-right: 15px;
  position: absolute;
  left: 20px;
  top: 20px;
  cursor: pointer;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check input[type=checkbox] + label:before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: 0px;
  width: 52px;
  height: 24px;
  border-radius: 12px;
  background-color: #aaa;
  transition: background-color 0.5s ease-in;
}
#mypage .mylist_area .panel-area .panel .notice_list .list .check input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #ffffff;
  left: 3px;
  top: 2px;
  transition: left 0.5s;
}
#mypage .mylist_area .panel-area .panel .actions {
  margin-top: 60px;
}
#mypage .mylist_area .panel-area .panel .actions input[type=submit] {
  background: #22bdb1;
  max-width: 600px;
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.876rem;
}
@media screen and (max-width: 650px ) {
  #mypage .header {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #mypage .header .in {
    padding-left: 12px;
    padding-right: 12px;
  }
  #mypage .header .prof_conts {
    margin-bottom: 12px;
  }
  #mypage .header .prof_conts .icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
  }
  #mypage .header .prof_conts .name {
    font-size: 0.876rem;
    flex: 1;
  }
  #mypage .header .prof_conts .register {
    margin-left: auto;
    width: 66px;
  }
  #mypage .header .tab_area {
    flex-wrap: wrap;
    gap: 6px 5px;
  }
  #mypage .header .tab_area .list {
    width: calc((100% - 5px) / 2);
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #C8C8C8;
    font-size: 0.75rem;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #595553;
  }
  #mypage .header .tab_area .list.active {
    color: #22BDB1;
  }
  #mypage .mylist_area {
    padding-top: 32px;
  }
  #mypage .mylist_area .logo {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
  #mypage .mylist_area .logo img {
    width: 54px;
  }
  #mypage .mylist_area .tab-area {
    padding-left: 12px;
    padding-right: 12px;
  }
  #mypage .mylist_area .tab-area .tab {
    height: 37px;
    font-size: 0.6875rem;
  }
  #mypage .mylist_area .panel-area .panel {
    padding-top: 32px;
  }
  #mypage .mylist_area .panel-area .panel .intro {
    margin-bottom: 32px;
    font-size: 0.625rem;
    padding-left: 12px;
    padding-right: 12px;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list {
    padding-left: 12px;
    padding-right: 12px;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list {
    width: 100%;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_name {
    margin-bottom: 8px;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_info {
    margin-bottom: 12px;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .img.cosme {
    width: 120px;
    height: 120px;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .img.cosme img {
    width: 120px;
    height: 120px;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .main_price {
    font-size: 2rem;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .main_price .yen {
    font-size: 1.125rem;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .item_info .txt .normal_price {
    font-size: 0.75rem;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list textarea {
    font-size: 1rem;
  }
  #mypage .mylist_area .panel-area .panel .like_item_list .list .btn {
    height: 67px;
    font-size: 0.876rem;
  }
  #mypage .mylist_area .panel-area .panel .like_brand_list {
    padding: 10px;
    gap: 12px 6px;
  }
  #mypage .mylist_area .panel-area .panel .like_brand_list .list {
    padding: 12px;
    width: calc((100% - 6px) / 2);
  }
  #mypage .mylist_area .panel-area .panel .like_brand_list .list .brand_name {
    margin-bottom: 12px;
  }
  #mypage .mylist_area .panel-area .panel .like_brand_list .list .img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
  #mypage .mylist_area .panel-area .panel .like_brand_list .list .img::before {
    content: "";
    padding-top: 100%;
    display: block;
  }
  #mypage .mylist_area .panel-area .panel .like_brand_list .list .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
  }
  #mypage .mylist_area .panel-area .panel .notice_list {
    padding-left: 12px;
    padding-right: 12px;
  }
  #mypage .mylist_area .panel-area .panel .actions {
    margin-top: 20px;
  }
}

.like_btn {
  position: absolute;
  right: clamp(6px, 2.5vw, 8px);
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  height: 44px;
}
.like_btn img {
  width: 44px;
}

@media screen and (max-width: 650px ) {
  .like_btn {
    top: 4px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
  }
}
* {
  min-height: 0vw;
}

.searchBoxInner .searchForm {
  margin-top: 50px;
}
.searchBoxInner .searchForm .searchFlex {
  display: flex;
}
.searchBoxInner .searchForm .searchFlex.searchStyle {
  margin: 0 0 5px;
  border: 2px solid #ffffff;
  background: #ffffff;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchTitle {
  min-width: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f9f9f9;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchTitle .searchTitleText {
  font-size: clamp(0.75rem, 3vw, 1rem);
  font-weight: 700;
  color: #595553;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchList {
  width: 100%;
  padding: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchList .searchListItem {
  width: 25%;
  display: block;
}
.searchBoxInner .searchForm .searchFlex.searchStyle input[type=checkbox] {
  display: none;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchCheckBox {
  transition: background-color 0.2s linear;
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 20px;
  color: #595553;
  line-height: 1.4;
  cursor: pointer;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchCheckBox:hover {
  color: #22bdb1;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchCheckBox::before {
  background: #ffffff;
  border: 1px solid #caced1;
  border-radius: 5px;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  top: 50%;
  left: -5px;
  margin-top: -8px;
  position: absolute;
}
.searchBoxInner .searchForm .searchFlex.searchStyle .searchCheckBox::after {
  border-right: 4px solid #22bdb1;
  border-bottom: 3px solid #22bdb1;
  content: "";
  display: block;
  width: 9px;
  height: 20px;
  top: 50%;
  left: 0;
  margin-top: -12px;
  opacity: 0;
  position: absolute;
  transform: rotate(45deg) translate3d(0, 2px, 0) scale3d(0.5, 0.6, 1);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.searchBoxInner .searchForm .searchFlex.searchStyle input[type=checkbox]:checked + .searchCheckBox {
  color: #22bdb1;
}
.searchBoxInner .searchForm .searchFlex.searchStyle input[type=checkbox]:checked + .searchCheckBox::before {
  border: 1px solid #22bdb1;
}
.searchBoxInner .searchForm .searchFlex.searchStyle input[type=checkbox]:checked + .searchCheckBox::after {
  opacity: 1;
}

fieldset {
  border: none;
}

.refine-search {
  border: 1px solid #c8c8c8;
}
.refine-search_list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.refine-search_list li:last-of-type {
  border-right: none;
}
.refine-search_list-item {
  border-right: 1px solid #c8c8c8;
  text-align: center;
  flex: 1;
  background-color: #f9f9f9;
  padding: clamp(8px, 1.7vw, 10px) 0;
  position: relative;
  cursor: pointer;
}
.refine-search_list-item.active {
  background-color: #ffffff;
}
.refine-search_list-item.active .refine-search_list-item-text {
  color: #595553;
}
.refine-search_list-item.active .refine-search_list-item-text::after {
  content: "";
  opacity: 1;
  display: inline;
  width: 0;
  height: 4px;
  background: #22bdb1;
  position: absolute;
  bottom: 5px;
  left: 30%;
  animation: refine-search_list-item-animation-in 0.3s forwards;
  animation-direction: normal;
}
@keyframes refine-search_list-item-animation-in {
  0% {
    width: 0%;
  }
  100% {
    width: 40%;
  }
}
.refine-search_list-item-text {
  font-size: clamp(0.75rem, 3vw, 1rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  color: #c8c8c8;
}
.refine-search_list-item-text::after {
  content: "";
  display: inline;
  width: 0;
  height: 4px;
  background: #22bdb1;
  position: absolute;
  bottom: 5px;
  left: 30%;
  animation: refine-search_list-item-animation-out 0.3s forwards;
}
@keyframes refine-search_list-item-animation-out {
  0% {
    width: 40%;
  }
  100% {
    width: 0%;
  }
}
.refine-search_facial_list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.refine-search_facial_list li:last-of-type {
  border-right: none;
}
.refine-search_facial_list-item {
  border-right: 1px solid #c8c8c8;
  text-align: center;
  flex: 1;
  background-color: #f9f9f9;
  padding: clamp(8px, 1.7vw, 10px) 0;
  position: relative;
  cursor: pointer;
}
.refine-search_facial_list-item.active-facial {
  background-color: #ffffff;
}
.refine-search_facial_list-item.active-facial .refine-search_facial_list-item-text {
  color: #595553;
}
.refine-search_facial_list-item.active-facial .refine-search_facial_list-item-text::after {
  content: "";
  opacity: 1;
  display: inline;
  width: 0;
  height: 4px;
  background: #22bdb1;
  position: absolute;
  bottom: 5px;
  left: 30%;
  animation: refine-search_facial_list-item-animation-in 0.3s forwards;
  animation-direction: normal;
}
@keyframes refine-search_facial_list-item-animation-in {
  0% {
    width: 0%;
  }
  100% {
    width: 40%;
  }
}
.refine-search_facial_list-item-text {
  font-size: clamp(0.75rem, 3vw, 1rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  color: #c8c8c8;
}
.refine-search_facial_list-item-text::after {
  content: "";
  display: inline;
  width: 0;
  height: 4px;
  background: #22bdb1;
  position: absolute;
  bottom: 5px;
  left: 30%;
  animation: refine-search_facial_list-item-animation-out 0.3s forwards;
}
@keyframes refine-search_facial_list-item-animation-out {
  0% {
    width: 40%;
  }
  100% {
    width: 0%;
  }
}
@media screen and (max-width: 768px ) {
  .refine-search_facial_list-item {
    border-top: 1px solid #c8c8c8;
    flex: auto;
    width: 50%;
    display: block;
    flex-wrap: wrap;
  }
  .refine-search_facial_list li:nth-child(even) {
    border-right: none;
  }
  .refine-search_facial_list li:nth-child(1),
  .refine-search_facial_list li:nth-child(2) {
    border-top: none;
  }
}
.refine-search_contents-item {
  display: none;
  width: 100%;
  height: auto;
}
.refine-search_contents-item-facial {
  display: none;
  width: 100%;
  height: auto;
}
.refine-search_contents .show {
  display: block;
}
.refine-search_contents .showFacial {
  display: block;
}
.refine-search_contents-searchimage {
  padding: 1%;
}
.refine-search_contents-searchimage-box {
  width: 100%;
  height: clamp(330px, 90vw, 575px);
  background: linear-gradient(180deg, #f9f9f9 0%, #f9f9f9 78.3%, #22bdb1 78.3%, #22bdb1 100%);
  position: relative;
}
.refine-search_contents-searchimage-box-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.refine-search_contents-searchimage-box-inner-image {
  display: block;
  margin: 0 15px;
  width: clamp(115px, 28vw, 190px);
  height: 100%;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-searchimage-box-inner {
    justify-content: flex-start;
    margin-left: 10%;
  }
  .refine-search_contents-searchimage-box-inner-image {
    margin: 0 -20px;
  }
}
.refine-search_contents-searchimage-box-btn {
  position: absolute;
  top: 30%;
  left: 0;
  padding: 0 4.5%;
  width: 100%;
  display: grid;
  grid-template-columns: 200px 200px;
  justify-content: space-between;
}
.refine-search_contents-searchimage-box-btn-link {
  display: block;
  width: 200px;
  height: clamp(36px, 9vw, 42px);
  border: 1px solid #22bdb1;
  border-bottom: 3px solid #22bdb1;
  border-radius: 2px;
  background-color: #ffffff;
  text-align: center;
  margin-bottom: clamp(1%, 3vw, 15%);
  position: relative;
  transition: all 0.3s;
}
.refine-search_contents-searchimage-box-btn-link:hover {
  color: #ffffff;
  border: 1px solid #22bdb1;
  background-color: #22bdb1;
  opacity: 1;
  margin-top: 2px;
  margin-bottom: calc(clamp(1%, 3vw, 15%) - 2px);
  border-bottom: 1px solid #22bdb1;
}
.refine-search_contents-searchimage-box-btn-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: clamp(0.6875rem, 3vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
}
.refine-search_contents-searchimage-box-btn-link-text:hover {
  color: #ffffff;
  opacity: 1;
  font-weight: 700;
  color: #fff;
}
.refine-search_contents-searchimage-box-btn-link .icon-refined-search {
  position: absolute;
  font-size: 0.8rem;
  font-weight: 400;
  color: #22bdb1;
  top: 50%;
  right: 1%;
  transform: translate(-50%, -50%);
}
.refine-search_contents-searchimage-box-btn-link .icon-refined-search::before {
  content: "\e91d";
}
.refine-search_contents-searchimage-box-btn-link:hover .icon-refined-search {
  font-weight: 700;
  color: #ffffff;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-searchimage-box-btn {
    top: clamp(5px, 10vw, 150px);
    left: auto;
    right: 0;
    grid-template-columns: clamp(150px, 33vw, 200px);
    justify-content: flex-end;
  }
  .refine-search_contents-searchimage-box-btn-link {
    width: clamp(150px, 33vw, 200px);
  }
}
.refine-search_contents-form {
  padding: 4%;
}
.refine-search_contents-form-radio {
  text-align: center;
  margin: 0 auto;
}
.refine-search_contents-form-radio-label {
  font-size: clamp(0.75rem, 3vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
  transition: background-color 0.2s linear;
  display: inline-block;
  padding: 10px 20px 10px 5px;
  cursor: pointer;
}
.refine-search_contents-form-radio-label:hover {
  color: #22bdb1;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-form-radio-label {
    padding: 5px 10px 5px 5px;
  }
}
.refine-search_contents-form-radio input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 18px;
  width: 18px;
  vertical-align: -8px;
  transition: all 0.2s ease-out 0s;
  cursor: pointer;
  display: inline-block;
  margin: 5px 12px 5px 5px;
  outline: none;
  border-radius: 50%;
  border: 1px solid #c8c8c8;
}
.refine-search_contents-form-radio input[type=radio]:checked:before {
  transform: scale(1);
}
.refine-search_contents-form-radio input[type=radio]:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: -3px;
  transform: scale(0);
  transition: all ease 0.2s;
  background: #22bdb1;
}
.refine-search_contents-form-select01 {
  display: block;
  margin-top: 3%;
}
.refine-search_contents-form-select-menu {
  display: none;
}
.refine-search_contents-form-select-menu.active {
  display: block;
  margin-top: clamp(15px, 3vw, 30px);
}
.refine-search_contents-form-select-part {
  display: none;
}
.refine-search_contents-form-select-part.active {
  display: block;
  margin-top: clamp(15px, 3vw, 30px);
}
.refine-search_contents-form-select-dl {
  display: block;
  width: 100%;
  position: relative;
}
.refine-search_contents-form-select-inner {
  display: flex;
  flex-wrap: nowrap;
  width: calc(100% + 4px);
  margin-left: 4px;
  height: 90px;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-form-select-inner {
    height: 50px;
  }
}
.refine-search_contents-form-select-inner-facial {
  display: flex;
  flex-wrap: nowrap;
  width: calc(100% + 4px);
  margin-left: 4px;
  height: 170px;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-form-select-inner-facial {
    height: 90px;
  }
}
.refine-search_contents-form-select-dt {
  flex-basis: 30%;
  border: 4px solid #F2F6F6;
  margin-top: -4px;
  margin-left: -4px;
  width: calc(100% + 4px);
  text-align: center;
}
.refine-search_contents-form-select-dt-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: clamp(0.75rem, 3vw, 1rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
  border: 2px solid #ffffff;
  background-color: #F2F6F6;
  padding: 5%;
}
.refine-search_contents-form-select-dd {
  flex-basis: 70%;
  border: 4px solid #F2F6F6;
  margin-top: -4px;
  margin-left: -4px;
  width: calc(100% + 4px);
}
.refine-search_contents-form-select-dd-list {
  position: relative;
  width: max(70%, 170px);
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.refine-search_contents-form-select-dd-list::before {
  position: absolute;
  top: 29px;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: #22bdb1;
  content: "";
  pointer-events: none;
}
.refine-search_contents-form-select-dd-list-item {
  width: 100%;
  height: 28px;
  padding: 3px 0 3px 10px;
  border-radius: 2px;
  border: 1px solid #c8c8c8;
  cursor: pointer;
  font-size: clamp(0.6875rem, 3vw, 0.876rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.refine-search_contents-form-select-dd-list-item-group-text {
  font-size: clamp(0.6875rem, 3vw, 0.876rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.refine-search_contents-form-select-dd-list-item-text {
  font-size: clamp(0.6875rem, 3vw, 0.876rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.refine-search_contents-form-select-dd-list .icon-refine-search_contents-form {
  cursor: pointer;
  position: absolute;
  pointer-events: none;
  font-size: 0.8rem;
  font-weight: 400;
  color: #ffffff;
  top: 45px;
  right: 1px;
  transform: translate(-50%, -50%) rotate(90deg);
}
.refine-search_contents-form-select-dd-list .icon-refine-search_contents-form::before {
  content: "\e91d";
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-form-select-dd-list::before {
    top: 9px;
  }
  .refine-search_contents-form-select-dd .icon-refine-search_contents-form {
    top: 25px;
  }
}
.refine-search_contents-form-select-dd-facial {
  flex-basis: 70%;
  border: 4px solid #F2F6F6;
  margin-top: -4px;
  margin-left: -4px;
  width: calc(100% + 4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.refine-search_contents-form-select-dd-facial-list {
  position: relative;
  width: max(70%, 170px);
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.refine-search_contents-form-select-dd-facial-list::before {
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: #22bdb1;
  content: "";
  pointer-events: none;
}
.refine-search_contents-form-select-dd-facial-list-item {
  width: 100%;
  height: 28px;
  padding: 3px 0 3px 10px;
  border-radius: 2px;
  border: 1px solid #c8c8c8;
  cursor: pointer;
  font-size: clamp(0.6875rem, 3vw, 0.876rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.refine-search_contents-form-select-dd-facial-list-item-group-text {
  font-size: clamp(0.6875rem, 3vw, 0.876rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.refine-search_contents-form-select-dd-facial-list-item-text {
  font-size: clamp(0.6875rem, 3vw, 0.876rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.refine-search_contents-form-select-dd-facial-list .icon-refine-search_contents-form-facial {
  cursor: pointer;
  position: absolute;
  pointer-events: none;
  font-size: 0.8rem;
  font-weight: 400;
  color: #ffffff;
  top: 27px;
  right: 1px;
  transform: translate(-50%, -50%) rotate(90deg);
}
.refine-search_contents-form-select-dd-facial-list .icon-refine-search_contents-form-facial::before {
  content: "\e91d";
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-form-select-dd-facial-list::before {
    top: 7px;
  }
  .refine-search_contents-form-select-dd-facial .icon-refine-search_contents-form-facial {
    top: 24px;
  }
}
.refine-search_contents-form-terms {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9;
  width: 100%;
  height: clamp(50px, 11vw, 60px);
  margin-top: 3%;
}
.refine-search_contents-form-terms-check-menu, .refine-search_contents-form-terms-check-part {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  font-size: clamp(13px, 3vw, 15px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
  text-decoration: underline;
}
.refine-search_contents-form-terms-check-menu:hover, .refine-search_contents-form-terms-check-part:hover {
  opacity: 0.68;
}
.refine-search_contents-form-terms-check-menu::after, .refine-search_contents-form-terms-check-part::after {
  position: absolute;
  display: block;
  top: 2px;
  right: -30px;
  width: 20px;
  height: 20px;
  padding-left: 30px;
  content: "";
  background-image: url(/aga/datsumou-female/images/icon_moreBtn01.svg);
  background-size: clamp(16px, 3vw, 20px);
  background-repeat: no-repeat;
  background-position: center;
}
.refine-search_contents-form-terms-check-menu-active, .refine-search_contents-form-terms-check-part-active {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  font-size: clamp(13px, 3vw, 15px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
  text-decoration: underline;
}
.refine-search_contents-form-terms-check-menu-active:hover, .refine-search_contents-form-terms-check-part-active:hover {
  opacity: 0.68;
}
.refine-search_contents-form-terms-check-menu-active::after, .refine-search_contents-form-terms-check-part-active::after {
  position: absolute;
  display: block;
  top: 2px;
  right: -30px;
  width: 20px;
  height: 20px;
  padding-left: 30px;
  content: "";
  background-image: url(/aga/datsumou-female/images/icon_moreBtn01.svg);
  background-size: clamp(16px, 3vw, 20px);
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-180deg);
}
.refine-search_contents-form input[type=submit] {
  font-size: clamp(1rem, 4vw, 1.25rem);
  font-weight: 400;
  line-height: 1.57;
  letter-spacing: 0;
  color: #ffffff;
  padding: 1% 0;
  margin: 3% auto 1%;
  background-color: #22bdb1;
  cursor: pointer;
  width: 100%;
  height: clamp(50px, 11vw, 60px);
}
.refine-search_contents-form input[type=submit]:hover {
  transition: all 0.2s;
  background-color: #333333;
  cursor: pointer;
}
.refine-search_contents-facial-searchimage {
  padding: 1%;
}
.refine-search_contents-facial-searchimage-box {
  width: 100%;
  height: clamp(310px, 91vw, 575px);
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.refine-search_contents-facial-searchimage-box-inner {
  display: flex;
  align-items: end;
  justify-content: center;
  height: 100%;
}
.refine-search_contents-facial-searchimage-box-inner-image img {
  display: block;
  width: 100%;
  height: 80%;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.refine-search_contents-facial-searchimage-box-btn {
  position: absolute;
  top: 25%;
  left: 0;
  padding: 0 4.5%;
  display: grid;
  grid-template-columns: repeat(2, clamp(108px, 26vw, 200px));
  justify-content: space-between;
  width: 100%;
}
.refine-search_contents-facial-searchimage-box-btn-link {
  display: block;
  width: clamp(108px, 26vw, 200px);
  height: clamp(30px, 6.6vw, 42px);
  border: 1px solid #22bdb1;
  border-bottom: 3px solid #22bdb1;
  border-radius: 2px;
  background-color: #ffffff;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
  transition: all 0.3s;
}
.refine-search_contents-facial-searchimage-box-btn-link.facial-item09 {
  grid-column: 2/3;
  grid-row: 5/6;
}
.refine-search_contents-facial-searchimage-box-btn-link:hover {
  color: #ffffff;
  border: 1px solid #22bdb1;
  background-color: #22bdb1;
  opacity: 1;
  margin-top: 2px;
  margin-bottom: calc(clamp(1%, 3vw, 15%) - 2px);
  border-bottom: 1px solid #22bdb1;
}
.refine-search_contents-facial-searchimage-box-btn-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: clamp(0.6875rem, 3vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
}
.refine-search_contents-facial-searchimage-box-btn-link-text:hover {
  color: #ffffff;
  opacity: 1;
  font-weight: 700;
  color: #fff;
}
.refine-search_contents-facial-searchimage-box-btn-link .icon-refined-search {
  position: absolute;
  font-size: 0.8rem;
  font-weight: 400;
  color: #22bdb1;
  top: 50%;
  right: -2%;
  transform: translate(-50%, -50%);
}
.refine-search_contents-facial-searchimage-box-btn-link .icon-refined-search::before {
  content: "\e91d";
}
.refine-search_contents-facial-searchimage-box-btn-link:hover .icon-refined-search {
  font-weight: 700;
  color: #ffffff;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-facial-searchimage-box {
    height: 60vw;
  }
  .refine-search_contents-facial-searchimage-box-inner-image img {
    height: 95%;
    top: 55%;
  }
  .refine-search_contents-facial-searchimage-box-btn {
    position: static;
    top: 0;
    left: 0;
    padding: 0;
    display: block;
  }
  .refine-search_contents-facial-searchimage-box-btn-link {
    margin-bottom: 0;
    position: static;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item01 {
    position: absolute;
    top: 6vw;
    left: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item02 {
    position: absolute;
    top: 6vw;
    right: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item03 {
    position: absolute;
    top: 17vw;
    left: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item04 {
    position: absolute;
    top: 17vw;
    right: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item05 {
    position: absolute;
    top: 28vw;
    left: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item06 {
    position: absolute;
    top: 28vw;
    right: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item07 {
    position: absolute;
    top: 39vw;
    left: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item07 .refine-search_contents-facial-searchimage-box-btn-link-text {
    letter-spacing: -0.1em;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item08 {
    position: absolute;
    top: 39vw;
    right: 3vw;
  }
  .refine-search_contents-facial-searchimage-box-btn-link.facial-item09 {
    position: absolute;
    top: 50vw;
    right: 3vw;
  }
}
.refine-search_contents-treatment-menu-box {
  width: 100%;
  height: clamp(250px, 55vw, 500px);
  position: relative;
}
.refine-search_contents-treatment-menu-box-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
  gap: clamp(10px, 2.2vw, 20px);
  overflow: hidden;
  padding: 2em;
}
.refine-search_contents-treatment-menu-box-btn-link {
  display: block;
  width: 100%;
  height: clamp(55px, 13vw, 120px);
  border: 1px solid #22bdb1;
  border-bottom: 3px solid #22bdb1;
  border-radius: 2px;
  background-color: #ffffff;
  text-align: center;
  margin: clamp(5px, 1.1vw, 15px) 0;
  position: relative;
  transition: all 0.3s;
}
.refine-search_contents-treatment-menu-box-btn-link:hover {
  color: #ffffff;
  border: 1px solid #22bdb1;
  background-color: #22bdb1;
  opacity: 1;
  margin-bottom: calc(clamp(5px, 1.1vw, 15px) - 2px);
  border-bottom: 1px solid #22bdb1;
}
.refine-search_contents-treatment-menu-box-btn-link-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: clamp(0.6875rem, 3vw, 1rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
}
.refine-search_contents-treatment-menu-box-btn-link-text:hover {
  color: #ffffff;
  opacity: 1;
  font-weight: 700;
  color: #fff;
}
.refine-search_contents-treatment-menu-box-btn-link .icon-refined-search {
  position: absolute;
  font-size: 0.8rem;
  font-weight: 400;
  color: #22bdb1;
  top: 50%;
  right: 1%;
  transform: translate(-50%, -50%);
}
.refine-search_contents-treatment-menu-box-btn-link .icon-refined-search::before {
  content: "\e91d";
}
.refine-search_contents-treatment-menu-box-btn-link:hover .icon-refined-search {
  font-weight: 700;
  color: #ffffff;
}
@media screen and (max-width: 768px ) {
  .refine-search_contents-treatment-menu-box-btn {
    grid-template-columns: repeat(2, 1fr);
  }
}

.recommend-menuBox {
  display: block;
}
.recommend-menuBox_view {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 4px;
  column-gap: 4px;
}
.recommend-menuBox_hide {
  display: none;
}
.recommend-menuBox_hide.active {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 4px;
  column-gap: 4px;
  margin-top: 4px;
}
.recommend-menuBox-terms {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: clamp(50px, 11vw, 60px);
  margin-top: 3%;
}
.recommend-menuBox-terms-check-menu {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  font-size: clamp(13px, 3vw, 15px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
  text-decoration: underline;
}
.recommend-menuBox-terms-check-menu:hover {
  opacity: 0.68;
}
.recommend-menuBox-terms-check-menu::after {
  position: absolute;
  display: block;
  top: 2px;
  right: -30px;
  width: 20px;
  height: 20px;
  padding-left: 30px;
  content: "";
  background-image: url(/aga/datsumou-female/images/icon_moreBtn01.svg);
  background-size: clamp(16px, 3vw, 20px);
  background-repeat: no-repeat;
  background-position: center;
}
.recommend-menuBox-terms-check-menu-active {
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  font-size: clamp(13px, 3vw, 15px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #22bdb1;
  text-decoration: underline;
}
.recommend-menuBox-terms-check-menu-active:hover {
  opacity: 0.68;
}
.recommend-menuBox-terms-check-menu-active::after {
  position: absolute;
  display: block;
  top: 2px;
  right: -30px;
  width: 20px;
  height: 20px;
  padding-left: 30px;
  content: "";
  background-image: url(/aga/datsumou-female/images/icon_moreBtn01.svg);
  background-size: clamp(16px, 3vw, 20px);
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-180deg);
}
.recommend-menuBox_content {
  width: 100%;
  height: 118px;
}
.recommend-menuBox_content-link {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #c8c8c8;
}
.recommend-menuBox_content-link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
}
.recommend-menuBox_content-link:hover {
  opacity: 1;
  border: 1px solid transparent;
}
.recommend-menuBox_content-link:hover::before {
  border: 4px solid #22bdb1;
}
.recommend-menuBox_content-link:hover .recommend-menuBox_content-link-item-text,
.recommend-menuBox_content-link:hover .icon-recommend-menuBox {
  color: #22bdb1;
}
.recommend-menuBox_content-link-image {
  display: block;
  object-fit: cover;
  width: 118px;
  height: 100%;
}
.recommend-menuBox_content-link-item {
  position: relative;
  max-width: 300px;
  width: 53%;
  height: auto;
  margin: 0 auto 0 20px;
}
.recommend-menuBox_content-link-item-text {
  font-size: clamp(11px, 2.5vw, 14px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
  width: 100%;
  height: auto;
}
.recommend-menuBox_content-link .icon-recommend-menuBox {
  position: absolute;
  font-size: 0.8rem;
  font-weight: 700;
  color: #595553;
  top: 50%;
  right: 10px;
  transform: translate(-50%, -50%);
}
.recommend-menuBox_content-link .icon-recommend-menuBox::before {
  content: "\e91d";
}

@media screen and (max-width: 768px ) {
  .recommend-menuBox_view {
    grid-template-columns: 1fr;
    row-gap: 0;
    padding: 0 4%;
  }
  .recommend-menuBox_hide {
    display: none;
  }
  .recommend-menuBox_hide.active {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 0;
    padding: 0 4%;
    column-gap: 4px;
    margin-top: 0;
  }
  .recommend-menuBox_content {
    margin-bottom: -1px;
    height: 98px;
  }
  .recommend-menuBox_content-link {
    border: none;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 1.5% 0;
  }
  .recommend-menuBox_content-link::before {
    z-index: 100;
    border: none;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
  }
  .recommend-menuBox_content-link:hover {
    opacity: 1;
    border: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
  }
  .recommend-menuBox_content-link:hover::before {
    height: 104%;
    border: none;
    border-top: 3px solid #22bdb1;
    border-bottom: 3px solid #22bdb1;
  }
  .recommend-menuBox_content-link-image {
    width: 80px;
  }
  .recommend-menuBox_content-link-item {
    margin: 0 auto 0 12px;
  }
}
.menuBox-menu-list_bgc {
  background-color: #f9f9f9;
  max-width: 100%;
}

.menuBox-menu-list_bgc > .inner > .title {
  margin: 15px auto 50px;
}

.menuBox-menu-list {
  width: 100%;
  height: auto;
  max-width: 650px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: clamp(8px, 2vw, 20px);
}
.menuBox-menu-list_content {
  display: block;
}
.menuBox-menu-list_content-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  border-radius: 2px;
  padding: 8px 45px 8px 20px;
}
.menuBox-menu-list_content-link:hover {
  opacity: 1;
  background-color: #22bdb1;
  border: 1px solid #22bdb1;
}
.menuBox-menu-list_content-link:hover .menuBox-menu-list_content-link-text,
.menuBox-menu-list_content-link:hover .icon-menuBox-menu-list {
  color: #ffffff;
}
.menuBox-menu-list_content-link-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  color: #595553;
}
.menuBox-menu-list_content-link .icon-menuBox-menu-list {
  position: absolute;
  font-size: 0.5rem;
  font-weight: 400;
  color: #595553;
  top: 50%;
  right: 2%;
  transform: translate(-50%, -50%);
}
.menuBox-menu-list_content-link .icon-menuBox-menu-list::before {
  content: "\e91d";
}

@media screen and (max-width: 768px ) {
  .menuBox-menu-list {
    flex-direction: column;
    column-gap: 0;
  }
  .menuBox-menu-list_content {
    width: 80%;
  }
  .menuBox-menu-list_content-link {
    justify-content: start;
  }
}
/* silchika_cosme style_1.scss #3835まで */
/* フォント読み込み。
---------------------------------------- */
@font-face {
  font-display: optional;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP Regular"), url(/aga/fonts/NotoSansJP-Regular.woff2) format("woff2");
}
@font-face {
  font-display: optional;
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: normal;
  src: local("Noto Sans CJK JP Regular"), url(/aga/fonts/YakuHanJP-Regular.woff2) format("woff2");
}
/* 変数
---------------------------------------------- */
/* 押下ボタンおよびメインの色。シルチカグリーン */
/* 背景色に使用する、薄いシルチカグリーン */
/* 目立たせたい要素の背景など */
/* 背景色に使用する、薄グリーン */
/* 背景色に使用する、薄ピンク */
/* くすんだ薄ピンク */
/* メインの補色 */
/* テキストリンク */
/* リンクアクティブ */
/* ボタンリンクのホバー等*/
/* グレー */
/* フッター */
/* グレー */
/* グレー */
/* フォント */
/* 多少薄いフォント */
/* 可愛いピンク */
/* カラコンくすみ */
/* カラコンくすみ */
/* アクセントに使用 */
/* アクセントピンク */
/* ★レーティング1位*/
/* ★レーティング2位*/
/* ★レーティング3位*/
/* ★レーティング4位以降*/
/* 価格表現などの目立ちたい要素*/
/* fontサイズ換算 rootが16pxの場合 */
/* 11px */
/* 角丸設定 */
/* ランキング色 */
/* HTML 5 elements
---------------------------------------------- */
html, body {
  -webkit-text-size-adjust: none;
  overscroll-behavior: none;
  -ms-scroll-chaining: chained;
}

html {
  scroll-padding-top: 75px; /* 固定ヘッダの高さ分 */
}

body {
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  position: relative;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-size: 100%;
  line-height: 1.5;
  color: #292929;
  letter-spacing: 0.05em;
  background: #fff;
  -webkit-text-size-adjust: none;
}

/* reset
---------------------------------------------- */
* {
  margin: 0px;
  padding: 0px;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
  display: block;
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  line-height: 0;
  border: none;
  background-color: none;
}

.imgBox,
.listItem {
  line-height: 0;
}

.bgnone {
  padding: 0;
  margin: 0;
  line-height: 0;
  border: none;
  background: none;
}

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

ol {
  padding: 0 0 0 1.5rem;
}

ol li {
  list-style-type: inherit;
  list-style-position: outside;
  padding: 0 0 0 1rem;
}

table {
  width: 100%;
  margin: 15px 0 15px;
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding: 0 0 0;
  margin: 10px 0;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  border: none;
  border-top: #f5f5f5 1px solid;
}

br {
  padding: 0;
  margin: 0;
  font-size: 1px;
  line-height: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* 要素
---------------------------------------------- */
section {
  margin: 0 0 1.5%;
}

article {
  padding: 0;
  margin: 0;
  font-weight: normal;
}

p {
  padding: 0;
  margin: 0 0;
}

.wrapper p {
  margin: 15px 0;
}

a {
  cursor: pointer;
  color: #008277;
  display: inline-flex;
  line-height: 1.3;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
}
a:hover {
  filter: alpha(opacity=68);
  opacity: 0.68;
}
a.active {
  color: #22b2a6;
}

@media screen and (max-width: 650px ) {
  .ctn a:hover {
    opacity: 1;
  }
}
.spOnly {
  display: none;
}

.pcOnly {
  display: inherit;
}

@media screen and (max-width: 768px ) {
  .spOnly {
    display: inherit;
  }
  .pcOnly {
    display: none;
  }
}
._alignRight {
  text-align: right;
}

.center {
  text-align: center;
}

@media screen and (max-width: 768px ) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/* flexPtn(fl) */
.fl {
  display: flex;
}

.fl_wrapp {
  display: flex;
  flex-wrap: wrap;
}

/* 見出し */
.headline01 { /* ランキングっぽい装飾見出し */
  margin: 30px 0 10px;
  display: flex;
  justify-content: center;
}
.headline01 > .inner {
  padding: 8px 13px 15px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.headline01 > .inner .t {
  display: inline-flex;
  align-items: center;
  font-size: 0.876rem;
  color: #22bdb1;
}
.headline01 > .inner:before, .headline01 > .inner:after {
  display: block;
  width: 30px;
  height: 100%;
  content: "";
  background: url(/aga/images/common/label_img01.svg);
  background-size: auto;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -30px;
}
.headline01 > .inner:after {
  transform: scale(-1, 1);
  left: inherit;
  right: -30px;
}

@media screen and (max-width: 768px ) {
  .headline01 { /* ランキングっぽい装飾見出し */
    margin: 10px 0 0px;
    transform: scale(0.8);
  }
}
/* クリック対象要素　旧シルチカのapplication.scssには「.column.show, // クリアコンタクト用」内に転記 */
.content .open_close_sateArea,
.open_close_sateArea { /* 開閉要素内の子area */ }
.content .open_close_sateArea .thead,
.open_close_sateArea .thead {
  position: relative;
}
.content .open_close_sateArea .thead b,
.open_close_sateArea .thead b {
  padding: 28px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .open_close_sateArea .thead .open_close_sateArea_subT,
.open_close_sateArea .thead .open_close_sateArea_subT {
  padding: 3px 5px 3px;
  margin: 3% auto;
  color: #dfa3ad;
  line-height: 1;
  font-size: 0.6875rem;
  letter-spacing: 0.05em;
  border-radius: 15px;
  display: inline-flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
.content .open_close_sateArea .thead .open_close_sateArea_subT.lang_jp,
.open_close_sateArea .thead .open_close_sateArea_subT.lang_jp {
  padding: 4px 4px 4px 6px;
  letter-spacing: 0.1em;
}
.content .open_close_sateArea .thead .open_close_sateArea_subT small,
.open_close_sateArea .thead .open_close_sateArea_subT small {
  padding: 1px 1px 0 1px;
}
.content .open_close_sateArea .thead .open_close_sateArea_subT.ptn02,
.open_close_sateArea .thead .open_close_sateArea_subT.ptn02 {
  color: #fff;
  background-color: #22bdb1;
}
.content .open_close_sateArea .sateAreaItem,
.open_close_sateArea .sateAreaItem {
  margin: 0 0 8px;
  display: grid;
  grid-template-columns: 37.5% 62.5%; /* 左カラム: 35%、右カラム: 65% */
  gap: 1.5%; /* カラム間のスペース */
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left,
.open_close_sateArea .sateAreaItem .sateAreaItem_left {
  width: 100%;
  height: 100%;
  line-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left img,
.open_close_sateArea .sateAreaItem .sateAreaItem_left img {
  min-height: 50px;
  object-fit: contain;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox,
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox {
  padding: 5px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  background: #fff;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox,
  .content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox,
  .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox,
  .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox {
    padding: 3px;
  }
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox.topBox,
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox.topBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox.topBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox.topBox { /* 着画画像を想定 */
  margin-bottom: 3%;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox.topBox img,
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox.topBox img,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox.topBox img,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox.topBox img {
  width: 100%;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox.btmBox,
  .content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox.btmBox,
  .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox.btmBox,
  .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox.btmBox {
    min-height: 130px;
  }
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .oneClmBox {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox {
  width: 100%;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox .imgBox,
.open_close_sateArea .sateAreaItem .sateAreaItem_left .twoClmBox .imgBox {
  width: 100%;
  display: flex;
  align-items: center;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_right,
.open_close_sateArea .sateAreaItem .sateAreaItem_right {
  width: 98%;
}
.content .open_close_sateArea .sateAreaItem .sateAreaItem_right table,
.open_close_sateArea .sateAreaItem .sateAreaItem_right table {
  height: 100%;
}
.content .open_close_sateArea .sateAreaTextBox,
.open_close_sateArea .sateAreaTextBox {
  color: #db748b;
  margin: 0 auto 3%;
  text-align: center;
}
.content .open_close_sateArea .sateAreaTextBox.ptn02,
.open_close_sateArea .sateAreaTextBox.ptn02 {
  color: #22bdb1;
}
.content .open_close_sateArea .leftImgPtn,
.open_close_sateArea .leftImgPtn {
  margin: 3% auto;
  background: #fff;
}
.content .open_close_sateArea .leftImgPtn .ahead .ahead_left,
.open_close_sateArea .leftImgPtn .ahead .ahead_left {
  border: #c8c8c8 1px solid;
}
.content .open_close_sateArea.ptn01,
.open_close_sateArea.ptn01 {
  padding: 0 0 0;
  margin: 0 auto 60px;
  border: 2px solid #ebe1e3;
  border-radius: 25px;
  background: #ffeff2;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea.ptn01,
  .open_close_sateArea.ptn01 {
    margin: 0 auto 80px;
  }
}
.content .open_close_sateArea.ptn01:has(.openBtn.ptn03.active),
.open_close_sateArea.ptn01:has(.openBtn.ptn03.active) {
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea.ptn01:has(.openBtn.ptn03.active),
  .open_close_sateArea.ptn01:has(.openBtn.ptn03.active) {
    padding: 0 0 5px;
  }
}
.content .open_close_sateArea.ptn01 .open_close_sateArea_upperBox,
.open_close_sateArea.ptn01 .open_close_sateArea_upperBox {
  padding: 13px 13px 0;
}
.content .open_close_sateArea.ptn01 .open_close_area03_pdtTitle,
.open_close_sateArea.ptn01 .open_close_area03_pdtTitle {
  margin-bottom: 13px;
  padding: 11px 0 11px 8px;
  border-radius: 4px;
  color: #fff;
  position: relative;
  background-color: #db748b;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea.ptn01 .open_close_area03_pdtTitle,
  .open_close_sateArea.ptn01 .open_close_area03_pdtTitle {
    font-size: 0.8125rem;
  }
}
.content .open_close_sateArea.ptn02,
.open_close_sateArea.ptn02 {
  padding: 0 0 0;
  margin: 0 auto 60px;
  border: 2px solid #CBF0ED;
  border-radius: 25px;
  background: #F2F6F6;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea.ptn02,
  .open_close_sateArea.ptn02 {
    margin: 0 auto 80px;
  }
}
.content .open_close_sateArea.ptn02:has(.openBtn.ptn03.active),
.open_close_sateArea.ptn02:has(.openBtn.ptn03.active) {
  margin: 0 auto 30px;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea.ptn02:has(.openBtn.ptn03.active),
  .open_close_sateArea.ptn02:has(.openBtn.ptn03.active) {
    padding: 0 0 5px;
  }
}
.content .open_close_sateArea.ptn02 .open_close_sateArea_upperBox,
.open_close_sateArea.ptn02 .open_close_sateArea_upperBox {
  padding: 13px 13px 0;
}
.content .open_close_sateArea.ptn02 .open_close_area03_pdtTitle,
.open_close_sateArea.ptn02 .open_close_area03_pdtTitle {
  margin-bottom: 13px;
  padding: 11px 0 11px 8px;
  border-radius: 4px;
  color: #fff;
  position: relative;
  background-color: #22bdb1;
}
@media screen and (max-width: 768px ) {
  .content .open_close_sateArea.ptn02 .open_close_area03_pdtTitle,
  .open_close_sateArea.ptn02 .open_close_area03_pdtTitle {
    font-size: 0.8125rem;
  }
}

.openBtn { /* 開閉要素base */ }

.openBtn:hover {
  cursor: pointer;
  opacity: 0.7;
}

.toggleBox { /* 隠しておくコンテンツ*/
  width: 100%;
  opacity: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

.openBtn.active + .toggleBox { /* .activeの隣のコンテンツが開く */
  height: auto;
  position: static;
  opacity: 1;
}

.openBtn.ptn01 { /* 開閉要素ptn01 */
  z-index: 1;
  width: 200px;
  padding: 5px 0 6px;
  margin: 0 auto;
  color: #fff;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -23px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background: #22bdb1;
}
.openBtn.ptn01::before {
  font-size: 0.9375rem;
  content: "もっとみる";
}
.openBtn.ptn01 .icon {
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}
.openBtn.ptn01 ~ .toggleBox { /* 隠しておくコンテンツ*/
  transition: all 0.1s ease-in-out;
  opacity: 1;
  height: 40px;
  position: static;
  overflow: hidden;
}
.openBtn.ptn01 ~ .toggleBox::after {
  width: 100%;
  height: 50px;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background: rgba(255, 255, 255, 0.2);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70.71%);
}
.openBtn.ptn01.active::before {
  content: "とじる";
}
.openBtn.ptn01.active .icon {
  transform: rotate(-180deg);
}
.openBtn.ptn01.active + .toggleBox { /* .activeの隣のコンテンツが開く */
  height: auto;
}
.openBtn.ptn01.active + .toggleBox::after {
  display: none;
}

.open_close_area02 { /* どこにも使われていない。後で使用する用。開閉要素ptn02用のarea */
  position: relative;
  /* 初期状態の toggleBox */
  /* openBtn に active クラスが付与された場合の toggleBox */
  /* open_close_areaBox の after スタイルを隠す */
}
.open_close_area02 .open_close_areaBox {
  height: 40px;
  position: relative;
}
.open_close_area02 .open_close_areaBox:after {
  width: 100%;
  height: 80px;
  content: "";
  display: block;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background: rgba(255, 255, 255, 0.2);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70.71%);
}
.open_close_area02 .openBtn.ptn02 { /* 開閉要素ptn02 */
  z-index: 1;
  cursor: pointer;
  width: 100%;
  max-width: 500px;
  line-height: 1.3;
  padding: 5px 5px 8px;
  margin: 0 auto;
  color: #fff;
  border-radius: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background: #22bdb1;
}
.open_close_area02 .openBtn.ptn02.active {
  bottom: 2px;
}
.open_close_area02 ~ .toggleBox {
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden; /* より一般的に使われるプロパティに変更 */
  transition: opacity 0.3s ease, height 0.3s ease;
}
.open_close_area02:has(.openBtn.ptn02.active) ~ .toggleBox {
  opacity: 1;
  height: auto; /* コンテンツに応じた高さ */
  overflow: visible;
  position: static;
  visibility: visible; /* toggleBox を表示 */
}
.open_close_area02:has(.openBtn.ptn02.active) .open_close_areaBox {
  height: auto;
}
.open_close_area02:has(.openBtn.ptn02.active) .open_close_areaBox:after {
  opacity: 0;
  height: 0;
  visibility: hidden;
}

.open_close_area03 { /* 開閉要素ptn03用のarea */
  height: 410px;
  padding: 0;
  margin: 0 auto 0;
  position: relative;
  transition: opacity 0.3s ease, height 0.3s ease;
  /* openBtn に active クラスが付与された場合 */
}
.open_close_area03 > .inner {
  padding: 0 13px;
  height: 100%;
  border-radius: 25px;
  overflow: hidden;
  position: relative;
}
.open_close_area03 > .inner:after {
  width: 100%;
  height: 80%;
  content: "";
  display: block;
  border-radius: 25px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background: rgba(255, 255, 255, 0.2);
  background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 70%);
}
.open_close_area03 .openBtn.ptn03 { /* 開閉要素ptn03 */
  z-index: 1;
  cursor: pointer;
  transition: opacity 0.3s ease, height 0.3s ease;
  width: 90%;
  max-width: 500px;
  line-height: 1.3;
  padding: 0;
  margin: 0 auto;
  color: #111;
  border-radius: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 90%;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.27);
  margin: 0 0 8px;
  border: 1px solid #847477;
  background: rgba(235, 225, 227, 0.8);
}
.open_close_area03 .openBtn.ptn03.maincolor01 {
  border: 1px solid #404040;
  background: rgba(225, 235, 233, 0.8);
}
@media screen and (max-width: 768px ) {
  .open_close_area03 .openBtn.ptn03 {
    top: 90%;
    grid-template-columns: 1fr 120px;
  }
}
.open_close_area03 .openBtn.ptn03:hover {
  opacity: 1;
}
.open_close_area03 .openBtn.ptn03 .imgBox .icon {
  width: 100%;
}
.open_close_area03 .openBtn.ptn03 .textBox {
  font-size: 1rem;
  text-align: center;
}
@media screen and (max-width: 768px ) {
  .open_close_area03 .openBtn.ptn03 .textBox {
    font-size: 0.9375rem;
  }
}
.open_close_area03 .openBtn.ptn03 .imgBox_check {
  width: 100px;
  margin: 0 -2% 0 2%;
  position: relative;
}
.open_close_area03 .openBtn.ptn03 .imgBox_check .icon_arrow_wrap {
  width: 5px;
  position: absolute;
  top: 50%;
  right: 18%;
  transform: translateY(-50%) translateX(0%);
}
.open_close_area03 .openBtn.ptn03 .imgBox_check .icon_arrow_wrap .icon_arrow {
  transform: rotate(90deg);
}
.open_close_area03 .openBtn.ptn03.active {
  display: none;
}
.open_close_area03 .openBtn.ptn03.active .imgBox_check .icon_arrow {
  transform: rotate(-180deg);
}
.open_close_area03:has(.openBtn.ptn03.active) {
  height: auto;
}
.open_close_area03:has(.openBtn.ptn03.active) > .inner {
  overflow: visible;
}
.open_close_area03:has(.openBtn.ptn03.active) > .inner:after {
  opacity: 0;
  height: 0;
  visibility: hidden;
}

/* チェックボックス */
.checkBox01 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 5px 30px;
  position: relative;
  width: auto;
}
.checkBox01:before {
  background: #fff;
  border: 1px solid #22bdb1;
  content: "";
  display: block;
  height: 16px;
  left: 5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.checkBox01:after {
  opacity: 0;
  width: 6px;
  border-right: 2px solid #22bdb1;
  border-bottom: 2px solid #22bdb1;
  content: "";
  display: block;
  height: 9px;
  left: 10px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
}

/* goTop */
#topBtn {
  z-index: 900;
  position: fixed;
  bottom: 0;
  right: 2%;
}
#topBtn a {
  padding: 10px 12px;
  -webkit-align-items: center; /* Safari */
  align-items: center;
  text-align: center;
  color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: rgba(0, 0, 0, 0.6);
}
#topBtn a span {
  font-weight: 600;
  font-size: 1.4rem;
  transform: rotate(-90deg);
}
#topBtn a:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.9);
}

/*スクロールバー*/
.scroll::-webkit-scrollbar {
  width: 10px;
}

.scroll::-webkit-scrollbar-thumb {
  background: #d3d1c7;
  border-radius: #22bdb1;
}

.scroll::-webkit-scrollbar-track-piece:start {
  background: #fff;
}

.scroll::-webkit-scrollbar-track-piece:end {
  background: #fff;
}

/* モーダル */
#modal-bg {
  z-index: 999;
  width: 200vw;
  height: 200vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.35);
}

/* form  */
input, select, textarea {
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3;
  padding: 5px;
  margin: 10px auto;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

::-ms-expand {
  display: none;
}

input[type=text]:focus,
textarea:focus {
  border: 1px solid #22bdb1;
}

input[type=submit] {
  font-family: "YakuHanJP", "Noto Sans JP", "Meiryo", sans-serif;
  font-weight: 500;
  width: 250px;
  cursor: pointer;
  padding: 2% 0;
  margin: 1% auto;
  text-align: center;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  background: none;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

input[type=submit]:hover {
  filter: alpha(opacity=68);
  opacity: 0.68;
}

.mainArea #searchform001 input#keywords001 {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}

.mainArea #searchform001 input#searchform001_submit {
  color: #111;
  background: #efefef;
}

/* 装飾 */
.waku01 {
  padding: 15px;
  margin: 0 0 15px;
  background: #f4f4f4;
}

.waku02 {
  padding: 15px 20px;
  margin: 0 0 15px;
  background: #fff8ca;
}

/* 共通 application.html.erbで使用
---------------------------------------------- */
.header {
  z-index: 1000;
  position: relative;
}
.header > .inner {
  width: 100%;
  height: 70px;
  padding: 0 13px;
  margin: 0 auto;
  align-items: center;
  position: relative;
}
.header > .inner .logo {
  z-index: 1001;
  width: 100%;
  max-width: 130px;
  display: block;
  position: fixed;
  top: 10px;
  left: 13px;
}

.all_scrolling_for .header > .inner .logo {
  z-index: 1;
}

@media screen and (max-width: 768px ) {
  .header > .inner .logo {
    left: 20px;
  }
  .all_scrolling_for .header > .inner .logo {
    z-index: 1001;
  }
}
.menu { /* ハンバーガーメニュー */
  z-index: 1001;
  cursor: pointer;
  width: 35px;
  height: 40px;
  margin: 0 0 0;
  display: none;
  position: fixed;
  top: 23px;
  right: 15px;
}
.menu > .inner {
  width: 100%; /*長さ*/
  height: 27px;
  margin: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.menu span {
  width: 100%; /*長さ*/
  height: 2px; /*線の太さ*/
  display: block;
  transform: rotate(0deg);
  transition: all 0.1s ease-in-out;
  background: #22bdb1;
}
.menu span.a {
  transform: translateY(-9px);
}
.menu span.b {
  transform: rotate(0deg);
}
.menu span.c {
  transform: translateY(9px);
}
.menu .menuTxt {
  height: 10px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.menu .menuTxt b {
  padding: 1px 0 0;
  color: #22bdb1;
  font-size: 0.65rem;
  font-weight: normal;
}
.menu.open span {
  background: #008277;
}
@media screen and (max-width: 768px ) {
  .menu.open span {
    background: #22bdb1;
  }
}
.menu.open span.a {
  transform: rotate(-135deg) translateY(0px);
}
.menu.open span.b {
  display: none;
}
.menu.open span.c {
  transform: rotate(135deg) translateY(2px) translatex(-2px);
}

.hdMenu { /* メガメニュー */
  z-index: 1;
  width: 100%;
  height: 70px;
  margin: 0 0 0;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  background: #fff;
}
.hdMenu > .inner {
  width: 100%;
  height: 100%;
  margin: 0 0 0 auto;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.hdMenu .hdMenuBox01 { /* 左のバナー */
  display: none;
}
.hdMenu .hdMenuBox01 .itemList {
  width: 250px;
}
.hdMenu .hdMenuBox01 .itemList .item {
  width: 100%;
  height: 50px;
}
.hdMenu .hdMenuBox01 .itemList .item .bnrBox {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.hdMenu .hdMenuBox01 .itemList .item .bnrBox img {
  object-fit: cover;
  aspect-ratio: 736/100;
}
.hdMenu .hdMenuBox01 .itemList .item .bnrBox b {
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0 0 0 0;
  color: #595553;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.hdMenu .hdMenuBox01 .itemList .item .bnrBox .icon {
  z-index: 1;
  width: 100%;
  min-width: 30px;
  max-width: 30px;
  height: 100%;
  color: #595553;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%) translateX(0%);
}
.hdMenu .headMenu {
  padding: 0 13px 0 0;
  margin: 0 0 0 auto;
}
.hdMenu .headMenu .item {
  padding: 15px 10px 15px 10px;
  margin: 0 0;
  color: #727272;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 500;
  color: #595553;
}
.hdMenu .headMenu .item [class^=icon201909-], .hdMenu .headMenu .item [class*=" icon201909-"] {
  color: #22bdb1;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: normal;
}
.hdMenu .headMenu .item .icon-arrow002 {
  display: none;
}
.hdMenu .headMenu .shinki {
  padding: 10px 10px 10px 10px;
  margin: 5px 0;
  background: #f2f6f6;
}
.hdMenu .hdMenuBox02 {
  display: none;
}
.hdMenu .hdMenuBox02 .itemList {
  width: 150px;
  margin: 0 15px;
}
.hdMenu .hdMenuBox02 .itemList .item .t {
  display: flex;
  padding: 13px 0;
  line-height: 1.3;
  color: #595553;
  font-weight: 500;
  align-items: center;
  border-bottom: 2px solid #dedede;
}

.hdMenu.open {
  z-index: 1000;
  height: auto;
  background: none;
}
.hdMenu.open > .inner {
  padding: 20px;
  margin: 70px auto 0;
}
.hdMenu.open > .inner > * {
  display: block;
}
.hdMenu.open .headMenu {
  display: none;
}

@media screen and (max-width: 768px ) {
  .menu { /* ハンバーガーメニュー */
    display: flex;
    flex-direction: column;
    top: 15px;
  }
  .hdMenu { /* メガメニュー */ }
  .hdMenu > .inner {
    padding: 13px 13px 0;
    margin: 0 auto 0;
    flex-direction: column;
  }
  .hdMenu .hdMenuBox01 { /* 左のバナー */ }
  .hdMenu .hdMenuBox01 .itemList {
    width: 100%;
  }
  .hdMenu .hdMenuBox01 .itemList .item {
    width: 100%;
    min-width: inherit;
  }
  .hdMenu .headMenu {
    display: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }
  .hdMenu .hdMenuBox02 .itemList {
    width: 100%;
    min-width: inherit;
    padding: 0 7px;
    margin: 20px 0 10px;
    display: flex;
    flex-flow: row wrap;
  }
  .hdMenu .hdMenuBox02 .itemList .item {
    width: 33.3333333333%;
  }
  .hdMenu .hdMenuBox02 .itemList .item .t {
    border: none;
    justify-content: center;
    font-size: 12px;
    flex-direction: column;
  }
  .hdMenu .hdMenuBox02 .itemList .item .t .icon {
    width: 50px;
    border: none;
  }
  .hdMenu .hdMenuBox02 .itemList .item .t b {
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px ) {
  .hdMenu.open {
    background: #fff;
  }
  .hdMenu.open > .inner > * {
    width: 100%;
  }
  .hdMenu.open .hdMenuBox01 { /* 左のバナー */
    margin: 0 0 13px;
  }
  .hdMenu.open .headMenu {
    display: block;
  }
  .hdMenu.open .headMenu > .inner {
    flex-direction: column;
    border-top: 2px solid #dedede;
  }
  .hdMenu.open .headMenu .item {
    padding: 15px 10px 15px 0;
    justify-content: flex-start;
    border-bottom: 2px solid #dedede;
  }
  .hdMenu.open .headMenu .item [class^=icon201909-], .hdMenu.open .headMenu .item [class*=" icon201909-"] {
    width: 30px;
    text-align: center;
  }
  .hdMenu.open .headMenu .item .icon-arrow002 {
    display: block;
    margin: 0 0 0 auto;
  }
  .hdMenu.open .headMenu .shinki {
    padding: 15px 10px 15px 7px;
    margin: 0 0;
    color: #22bdb1;
    background: #fff;
  }
}
.headerBtmNav {
  padding: 0 0;
  background: #fff;
}
.headerBtmNav > .inner {
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  overflow-x: auto; /* 横スクロールの指定 */
  justify-content: flex-start;
}
.headerBtmNav .item {
  width: 100%;
  max-width: 360px;
}
.headerBtmNav .item .t {
  height: 60px;
  padding: 0 0;
  margin: 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #22bdb1;
  position: relative;
}
.headerBtmNav .item .t b {
  height: 100%;
  padding: 0 0 0 8px;
  color: #595553;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  white-space: nowrap;
}
.headerBtmNav .item .t b span {
  display: flex;
  margin: 0 auto 0 0;
}
.headerBtmNav .item .t b span u {
  text-decoration: none;
}
.headerBtmNav .item .t .icon_img, .headerBtmNav .item .t::before {
  width: 32px;
  height: 32px;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url(/aga/images/common/header_icon01.svg);
}
.headerBtmNav .item .t::after {
  width: 100%;
  height: 4px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
}
.headerBtmNav .item .t:hover {
  opacity: 0.6;
}
.headerBtmNav .item .t:hover:after {
  background: #cecece;
  background: #22bdb1;
}
.headerBtmNav .item.colorlens .t:before { /* カラコン */
  background-size: cover;
  background-image: url(/aga/images/common/header_icon02.svg);
}
.headerBtmNav .item.datsumou-female .t:before { /* 女性 */
  background-size: cover;
  background-image: url(/aga/images/common/icon_cateList01_img03.svg);
}
.headerBtmNav .item.datsumou-male .t:before { /* 男性 */
  background-size: cover;
  background-image: url(/aga/images/common/icon_cateList01_img04.svg);
}
.headerBtmNav .item.aga .t:before { /* AGA */
  background-size: cover;
  background-image: url(/aga/images/common/icon_cateList01_img05.svg);
}
.headerBtmNav .item.cosmetic .t:before { /* コスメ */
  background-size: cover;
  background-image: url(/aga/images/common/icon_cateList01_img06.svg);
}
.headerBtmNav .item.current .t {
  opacity: 1 !important;
}
.headerBtmNav .item.current .t:after {
  background: #22bdb1;
}

@media screen and (max-width: 768px ) {
  .headerBtmNav > .inner {
    width: 100%;
    overflow-x: hidden; /* 横スクロールの指定を解除 */
    justify-content: center;
  }
  .headerBtmNav .item {
    width: 14%;
    max-width: 75px;
    margin: 0 1% 0;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
  }
  .headerBtmNav .item .t {
    width: 100%;
    height: 76px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .headerBtmNav .item .t::before {
    width: 34px;
    height: 34px;
    min-height: 34px;
    margin: 5px auto 0;
  }
  .headerBtmNav .item .t b {
    opacity: 0.8;
    width: 100%;
    height: 100%;
    padding: 0 0 8px;
    display: flex;
    font-size: 0.5rem;
    letter-spacing: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .headerBtmNav .item .t b span {
    margin: 0 0 0;
  }
  .headerBtmNav .item .t b span u {
    display: none;
  }
  .headerBtmNav .item .t:hover {
    opacity: 1;
  }
}
.ctn {
  max-width: 980px;
  margin: 0 auto;
  padding: 50px 0;
}
.ctn > .inner .clmHeader .title, .ctn > .inner > .title {
  margin: 50px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #595553;
  font-weight: 600;
  font-size: 1.5rem;
}

.ctn05 { /* カテゴリ */
  max-width: inherit;
  margin: 0 0;
  /* 使いまわす部品枠内に記述。TOP用のCSSのみを書く。*/
}
.ctn05 > .inner {
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 768px ) {
  .ctn {
    padding: 30px 0;
  }
  .ctn > .inner {
    margin-right: 13px;
    margin-left: 13px;
  }
  .ctn > .inner > .title {
    margin: 30px auto;
  }
  .ctn.pt0 {
    padding-top: 0;
    margin-top: -5px;
  }
}
/* 使いまわす部品
---------------------------------------------- */
.linkBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.goToBtn01 {
  width: 100%;
  max-width: 248px;
  padding: 12px 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #22bdb1;
}
.goToBtn01:hover {
  opacity: 1;
  color: #fff;
  background: #333333;
}

.goToBtn02 {
  width: 100%;
  max-width: 248px;
  padding: 12px 0;
  color: #22bdb1;
  border: 2px solid #22bdb1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goToBtn02:hover {
  opacity: 1;
  color: #fff;
  background: #22bdb1;
}

.goToBtn03 {
  cursor: pointer;
  width: 100%;
  height: 50px;
  color: #fff;
  font-size: 1.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #22bdb1;
}
.goToBtn03:hover {
  opacity: 1;
  color: #fff;
  background: #333333;
}

.goToBtn04 {
  width: 100%;
  max-width: 300px;
  height: 44px;
  color: #595553;
  border-radius: 25px;
  border: 2px solid #595553;
  display: flex;
  justify-content: center;
  align-items: center;
}
.goToBtn04:hover {
  opacity: 1;
  color: #fff;
  background: #333333;
}

.goToBtn05 {
  width: 100%;
  max-width: 114px;
  min-width: 114px;
  height: 32px;
  line-height: 1;
  padding: 0 5px 0 0;
  color: #22bdb1;
  border: 1px solid #22bdb1;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1607843137);
}
.goToBtn05 .icon {
  font-size: 0.5rem;
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%) translateX(0%);
}
.goToBtn05:hover {
  opacity: 1;
  color: #fff;
  background: #22bdb1;
}

.goToBtn06 {
  width: 100%;
  padding: 16px;
  line-height: 1.3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #22bdb1;
  border-radius: 6px;
  border: 1px solid #22bdb1;
  box-shadow: 0px 1px 1px #22bdb1;
  background: #fff;
}
.goToBtn06 b {
  font-size: 1rem;
}
.goToBtn06 .icon {
  font-size: 1rem;
  font-weight: 600;
  display: block;
  padding: 0 0 3px 18px;
}
.goToBtn06:hover {
  opacity: 1;
  color: #fff;
  background: #22bdb1;
}

.goToBtn07 { /* ランキング内の特殊ボタンに使用 */
  width: 100%;
  max-width: 300px; /* 適当 */
  height: 50px;
  margin: 11px auto 22px;
  transition: unset;
  border-radius: 50px;
  position: relative;
}
.goToBtn07::before { /* 後ろの影 */
  width: 100%;
  height: 50px;
  margin: 4px 0 0;
  border-radius: 50px;
  border: 4px solid #dedede;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #dedede;
}
.goToBtn07 .t { /* 前のレイヤー */
  width: 100%;
  height: 50px;
  margin: 0 auto;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #22bdb1;
  border: 3px solid #22bdb1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #fff;
}
.goToBtn07 .t:before {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 8px 0 8px;
  content: "";
  -webkit-mask-image: url(/aga/images/common/lanking_cv_btn01.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/common/lanking_cv_btn01.svg);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #22bdb1;
}
.goToBtn07:hover {
  opacity: 1;
}
@media screen and (min-width: 650px ) {
  .goToBtn07:hover .t {
    color: #fff;
    margin-top: 4px;
    background: #22bdb1;
  }
  .goToBtn07:hover .t:before {
    background-color: #fff;
  }
}

.goToBtn08 {
  width: 100%;
  height: auto;
  line-height: 1.3;
  padding: 15px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 6px;
  border: 1px solid #22bdb1;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
  background: #22bdb1;
}
.goToBtn08 b {
  font-size: 1rem;
  padding: 0 0 0 5px;
}
.goToBtn08 .icon {
  font-size: 1rem;
  font-weight: 600;
  display: block;
  padding: 0 0 3px 18px;
}
.goToBtn08:hover {
  opacity: 1;
  color: #22bdb1;
  text-decoration: none;
  box-shadow: 0 5px 7px rgba(29, 155, 149, 0.2);
  background: #fff;
}

.goToBtn09 {
  width: 100%;
  height: auto;
  line-height: 1.3;
  padding: 15px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #ff7282;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
  background: #ff7282;
}
.goToBtn09 b {
  font-size: 1rem;
  padding: 0 0 0 5px;
}
.goToBtn09 .icon {
  font-size: 1rem;
  font-weight: 600;
  display: block;
  padding: 0 0 3px 18px;
}
.goToBtn09:hover {
  opacity: 1;
  color: #ff7282;
  text-decoration: none;
  box-shadow: 0 5px 7px rgba(203, 70, 70, 0.2);
  background: #fff;
}

.graphTable01 { /* コラム記事 表01 */
  overflow-x: scroll;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
}
.graphTable01 table {
  margin: 0;
  font-size: 0.75rem;
  table-layout: fixed;
}
.graphTable01 table th, .graphTable01 table td {
  line-height: 1.3;
  padding: 7px 5px;
}
.graphTable01 table .thead {
  background: #F2F6F6;
}
.graphTable01 table .thead th {
  padding: 20px 0;
  line-height: 1;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.graphTable01 table .item {
  counter-reset: itemNumber 0;
}
.graphTable01 table .item > .inner {
  counter-increment: itemNumber 1;
}
.graphTable01 table .item > .inner:nth-child(even) {
  background: #f6f6f6;
}
.graphTable01 table .item > .inner.active {
  background: #faf4db;
}
.graphTable01 table .item .lating {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F3C613;
}
.graphTable01 table .item .lating u {
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.375rem;
  letter-spacing: -0.1rem;
}
.graphTable01 table .item .lating span {
  font-size: 0.75rem;
  display: block;
}
.graphTable01 table .item .checkBox01 {
  padding: 0 55px 0 0;
}
.graphTable01 table .item .active .checkBox01:after {
  opacity: 1;
}
.graphTable01 table .item td {
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  position: relative;
}
.graphTable01 table .item .name:before {
  content: "";
  width: 13px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 35px;
  background: #dedede;
}
.graphTable01 table .item .name::after {
  display: block;
  color: #fff;
  font-weight: 600;
  content: counter(itemNumber);
  position: absolute;
  top: 50%;
  left: 38px;
  transform: translateY(-50%) translateX(0%);
}
.graphTable01 table .item .name {
  cursor: pointer;
}
.graphTable01 table .item .name .t {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.graphTable01 table .item .name:hover {
  opacity: 0.8;
}
.graphTable01 table .item .totalLating .lating {
  color: #F7701F;
  flex-direction: column;
}
.graphTable01 table .item .totalLating .lating u {
  font-family: sans-serif;
  font-weight: bold;
}
.graphTable01 table .item tr:first-child .name:before {
  color: #fff;
  background: #F3C613;
}
.graphTable01 table .item tr:nth-child(2) .name:before {
  color: #fff;
  background: #86B2B7;
}
.graphTable01 table .item tr:nth-child(3) .name:before {
  color: #fff;
  background: #CBAA8B;
}
.graphTable01 table .size80px {
  width: 80px;
}
.graphTable01 table .size110px {
  width: 110px;
}
.graphTable01 table .size115px {
  width: 115px;
}

.graphTable02 { /* コラム記事 表02 */
  position: relative;
}
.graphTable02 > .inner {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #22bdb1;
  border-top: 1px solid #22bdb1;
  border-bottom: 1px solid #22bdb1;
}
.graphTable02 .item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.graphTable02 .item .t {
  width: 25%;
  padding: 12px;
  color: #595553;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  border-right: 1px solid #22bdb1;
  border-bottom: 1px solid #22bdb1;
  background: #CBF0ED;
}
.graphTable02 .item .c {
  width: 75%;
  padding: 12px;
  border-right: 1px solid #22bdb1;
  border-bottom: 1px solid #22bdb1;
}
.graphTable02 .item .c a {
  border-bottom: 1px solid;
}

@media screen and (max-width: 768px ) {
  .graphTable02 { /* コラム記事 表02 */
    font-size: 0.8125rem;
  }
  .graphTable02 .item .t {
    font-size: 0.6875rem;
  }
}
.graphTable03 { /* コラム記事 表03 */ }
.graphTable03 > .inner {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #22bdb1;
  border-top: 1px solid #22bdb1;
}
.graphTable03 .item {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
}
.graphTable03 .item .t {
  width: 50%;
  padding: 12px;
  font-size: 0.6875rem;
  border-right: 1px solid #22bdb1;
  border-bottom: 1px solid #22bdb1;
  background: #f9f9f9;
}
.graphTable03 .item .c {
  width: 50%;
  padding: 12px;
  font-size: 0.6875rem;
  border-right: 1px solid #22bdb1;
  border-bottom: 1px solid #22bdb1;
}

.graphTable04 { /* コラム記事 表04 */
  background: #fff;
}
.graphTable04 > .inner {
  border-top: 1px solid #22bdb1;
}
.graphTable04 .item {
  display: flex;
}
.graphTable04 .item .t {
  width: 100%;
  max-width: 140px;
  padding: 15px 13px;
  line-height: 1.3;
  border-bottom: 1px solid #22bdb1;
  background: #CBF0ED;
}
.graphTable04 .item .c {
  width: 100%;
  padding: 15px 13px;
  line-height: 1.3;
  border-bottom: 1px solid #22bdb1;
}

@media screen and (max-width: 768px ) {
  .graphTable04 { /* コラム記事 表04 */
    font-size: 0.8125rem;
  }
  .graphTable04 .item .t {
    max-width: 100px;
    font-size: 0.7rem;
  }
  .graphTable04 .item .c {
    font-size: 0.7rem;
  }
}
.graphTable05 { /* コラム記事 表05 */
  overflow-x: scroll;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  background: #f9f9f9;
}
.graphTable05 table {
  margin: 0;
  font-size: 0.75rem;
  table-layout: fixed;
  background: #fff;
}
.graphTable05 table th, .graphTable05 table td {
  line-height: 1.3;
  padding: 7px 5px;
}
.graphTable05 table .thead {
  background: #CBF0ED;
}
.graphTable05 table .thead th {
  padding: 20px 0;
  line-height: 1;
  border-bottom: 1px solid #dedede;
}
.graphTable05 table .thead th.t {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
  border-right: 1px solid #CBF0ED;
}
@media screen and (max-width: 768px ) {
  .graphTable05 table .thead th.t {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    font-size: 0.6875rem;
  }
}
.graphTable05 table .thead th.t.size80px {
  width: 80px;
}
.graphTable05 table .thead th.t.size110px {
  width: 110px;
}
.graphTable05 table .thead th.t.size115px {
  width: 115px;
}
.graphTable05 table .thead th.c {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  border-right: 1px solid #CBF0ED;
}
.graphTable05 table .thead .center {
  text-align: center;
}
.graphTable05 table .thead .inner .c:last-child {
  border-right: none;
}
.graphTable05 table .thead.bg_border_ptn01 { /* 薄ピンク */
  background: #ffeff2;
}
.graphTable05 table .thead.bg_border_ptn01 th.t {
  border-right: 1px solid #ffeff2;
}
.graphTable05 table .thead.bg_border_ptn01 th.c {
  border-right: 1px solid #ffeff2;
}
.graphTable05 table .thead.bg_border_ptn02 { /* 薄紫 */
  background: #f5f2f7;
}
.graphTable05 table .thead.bg_border_ptn02 th.t {
  border-right: 1px solid #f5f2f7;
}
.graphTable05 table .thead.bg_border_ptn02 th.c {
  border-right: 1px solid #f5f2f7;
}
.graphTable05 table .thead.bg_border_ptn03 { /* 薄グレー */
  background: #f6f6f6;
}
.graphTable05 table .thead.bg_border_ptn03 th.t {
  border-right: 1px solid #f6f6f6;
}
.graphTable05 table .thead.bg_border_ptn03 th.c {
  border-right: 1px solid #f6f6f6;
}
.graphTable05 table .item td {
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  position: relative;
}
.graphTable05 table .item .t {
  font-weight: 500;
  background: #f9f9f9;
}
@media screen and (max-width: 768px ) {
  .graphTable05 table .item .t {
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    font-size: 0.6875rem;
  }
}
.graphTable05 table .inner .c:last-child {
  border-right: none;
}

.graphTable06 { /* コラム記事 表06 */ }
.graphTable06 table {
  width: 80%;
  margin: 0 auto;
  font-size: 0.75rem;
  table-layout: fixed;
  border-radius: 5px;
  border: 1px solid #333333;
  border-collapse: separate;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
}
.graphTable06 table th, .graphTable06 table td {
  padding: 3% 3%;
  line-height: 1.3;
}
.graphTable06 table .thead {
  background: #CBF0ED;
}
.graphTable06 table .item th {
  border-bottom: 1px solid #333333;
}
.graphTable06 table .item td {
  border-bottom: 1px solid #333333;
  position: relative;
}
.graphTable06 table .item .t {
  width: 18%;
  text-align: center;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  font-weight: 500;
  background: #f9f9f9;
}
.graphTable06 table .item .c {
  width: 32%;
  padding: 3% 0.5% 3% 3%;
}
.graphTable06 table .item .inner .t:nth-of-type(2) {
  border-left: 1px solid #333333;
}
.graphTable06 table .item .inner:last-child .t,
.graphTable06 table .item .inner:last-child .c {
  border-bottom: none;
}

@media screen and (max-width: 768px ) {
  .graphTable06 { /* コラム記事 表06 */ }
  .graphTable06 table {
    width: 95%;
    font-size: 0.6875rem;
    table-layout: fixed;
  }
  .graphTable06 table th, .graphTable06 table td {
    padding: 3% 0.5%;
  }
  .graphTable06 table .c {
    padding: 3% 3%;
  }
}
.graphTable07 { /* コラム記事 表07 */ }
.graphTable07 table {
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  overflow: hidden;
  border-radius: 5px;
  table-layout: fixed;
  border: 1px solid #f5e0e4;
  border-collapse: separate;
  table-layout: fixed;
  background: #ffeff2;
}
@media screen and (max-width: 768px ) {
  .graphTable07 table {
    font-size: 0.625rem;
  }
}
.graphTable07 table a {
  color: #db748b;
}
.graphTable07 table th, .graphTable07 table td {
  padding: 3% 3%;
  line-height: 1.3;
}
.graphTable07 table th {
  padding: 3% 3%;
  line-height: 1.3;
  border-right: 1px solid #f5e0e4;
  border-bottom: 1px solid #f5e0e4;
}
.graphTable07 table .t {
  text-align: center;
  border-right: 1px solid #f5e0e4;
  border-bottom: 1px solid #f5e0e4;
  font-weight: 500;
  background: #F2F6F6;
}
.graphTable07 table .c {
  width: 10%;
  padding: 5px 5px;
  letter-spacing: 0;
  text-align: center;
  border-right: 1px solid #f5e0e4;
  border-bottom: 1px solid #f5e0e4;
}
.graphTable07 table .c small {
  font-size: 0.6rem;
}
.graphTable07 table .c:last-child {
  border-right: none;
}
.graphTable07 table .imgCell {
  width: 30%;
  height: 60px;
  position: relative;
}
.graphTable07 table .nameCell {
  width: 24%;
  text-align: left;
}
.graphTable07 table .priceCell {
  width: 16%;
}
@media screen and (max-width: 768px ) {
  .graphTable07 table .monthCell {
    position: relative;
  }
}
@media screen and (max-width: 768px ) {
  .graphTable07 table .monthCell small {
    text-align: center;
    margin: 0 auto;
    font-size: 10px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
  }
}
.graphTable07 table .thead .c {
  padding: 5px 2px;
  white-space: nowrap;
}
.graphTable07 table .thead .imgCell {
  height: 40px;
}
.graphTable07 table .thead .imgCell:before {
  display: none;
}
.graphTable07 table .thead .nameCell {
  text-align: center;
}
.graphTable07 table .item {
  counter-reset: itemNumber 0;
}
.graphTable07 table .item > .inner {
  overflow: hidden;
  border-radius: 0 0 5px 5px;
  background: #fff;
  counter-increment: itemNumber 1;
}
.graphTable07 table .item .imgCell a:hover {
  text-decoration: none;
}
.graphTable07 table .item .imgCell img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 60px;
  padding: 5px;
  object-fit: contain;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.graphTable07 table .item .imgCell::before {
  z-index: 1;
  width: 15px;
  height: 15px;
  line-height: 15px;
  padding: 0 0 0 0.7%;
  display: flex;
  font-weight: 600;
  font-size: 9px;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  top: 2px;
  left: 2px;
  content: counter(itemNumber) "";
  background: #acacac;
}
.graphTable07 table .item > .inner:nth-child(1) .imgCell:before {
  background: #cbbc8b;
}
.graphTable07 table .item > .inner:nth-child(2) .imgCell:before {
  background: #a2b4b6;
}
.graphTable07 table .item > .inner:nth-child(3) .imgCell:before {
  background: #cdbcac;
}
@media screen and (max-width: 768px ) {
  .graphTable07 table .item .nameCell {
    padding: 5px 3px;
    letter-spacing: -0.08em;
  }
}
.graphTable07 table .item > .inner:last-child {
  border-radius: 0 0 5px 5px;
}
.graphTable07 table .item > .inner:last-child .t,
.graphTable07 table .item > .inner:last-child .c {
  border-bottom: none;
}
.graphTable07.ptn02 {
  overflow: visible;
}
.graphTable07.ptn02 .c {
  width: 8%;
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .c {
    width: 8%;
    padding: 5px 3px;
  }
}
.graphTable07.ptn02 .imgCell {
  width: 19%;
  height: inherit;
}
.graphTable07.ptn02 .imgCell02 {
  width: 21%;
  padding: 0;
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .imgCell02 {
    width: 28%;
  }
}
.graphTable07.ptn02 .nameCell {
  width: 21%;
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .nameCell {
    width: 18%;
  }
}
.graphTable07.ptn02 .priceCell {
  width: 15%;
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .priceCell {
    width: 12%;
  }
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .bc {
    width: 7%;
  }
}
.graphTable07.ptn02 .item .imgCell {
  padding: 1px 5px;
}
.graphTable07.ptn02 .item .imgCell img {
  padding: 0 5px;
}
.graphTable07.ptn02 .item .imgCell02 a {
  width: 100%;
  height: 74px;
  border: 1px solid #fff;
  line-height: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  line-height: 0;
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .item .imgCell02 a {
    height: 54px;
  }
}
.graphTable07.ptn02 .item .imgCell02 img {
  position: absolute;
  width: 100%;
  max-height: 100%;
  object-fit: contain;
  border: none;
  top: 50%;
  left: 50%;
  border: 1px solid #fff;
  transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 768px ) {
  .graphTable07.ptn02 .item .nameCell {
    padding: 0px 1px;
  }
  .graphTable07.ptn02 .item .nameCell a {
    display: flex;
    letter-spacing: -0.15em;
    font-size: 10px;
    line-height: 1.1;
  }
}
.graphTable07.ptn02 .item .priceCell {
  padding: 5px 0;
  white-space: nowrap;
}
.graphTable07.bg_border_violet table {
  border: 1px solid #f5eff9;
  background: #f5f2f7;
}
.graphTable07.bg_border_violet table th {
  border-color: #efe8f4;
}
.graphTable07.bg_border_violet table .t {
  border-color: #efe8f4;
}
.graphTable07.bg_border_violet table .c {
  border-color: #efe8f4;
}
.graphTable07.bg_border_violet table .c:last-child {
  border-right: none;
}
.graphTable07.itemCount_none table .item .imgCell::before {
  display: none;
}

.graphTable08 { /* コラム記事 表08 */ }
.graphTable08 table {
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  overflow: hidden;
  border-radius: 15px;
  table-layout: fixed;
  border: 1px solid #f5e0e4;
  border-collapse: separate;
  table-layout: fixed;
  background: #ffeff2;
}
@media screen and (max-width: 768px ) {
  .graphTable08 table {
    font-size: 0.625rem;
  }
}
.graphTable08 table a {
  color: #db748b;
}
.graphTable08 table th, .graphTable08 table td {
  line-height: 1.3;
}
.graphTable08 table th {
  padding: 3% 3%;
  border-right: 1px solid #f5e0e4;
  border-bottom: 1px solid #f5e0e4;
}
.graphTable08 table .t {
  width: 100%;
  padding: 0 0 50px;
  text-align: center;
  border-right: 1px solid #f5e0e4;
  border-bottom: 1px solid #f5e0e4;
  font-weight: 500;
  position: relative;
  background: #fff;
}
.graphTable08 table .t:last-child {
  border-right: none;
}
@media screen and (max-width: 768px ) {
  .graphTable08 table .t {
    padding-bottom: 60px;
  }
}
.graphTable08 table .c {
  padding: 5px 5px;
  letter-spacing: 0;
  text-align: center;
}
.graphTable08 table .c small {
  font-size: 0.6rem;
}
.graphTable08 table .c:last-child {
  border-right: none;
}
.graphTable08 table .thead .t {
  padding: 0;
  background: #ffeff2;
  color: #fff;
  background: #dfa3ad;
}
.graphTable08 table .thead .t .c {
  padding: 8px;
  margin: 0;
}
.graphTable08 table .pdtLink {
  max-width: inherit;
  height: 100%;
  display: block;
  border: none;
  background-color: inherit;
  color: inherit;
}
.graphTable08 table .pdtLink:hover {
  background-color: inherit;
  color: inherit;
}
.graphTable08 table .pdtLink .imgBox {
  display: block;
  margin: 5px 5px;
}
@media screen and (max-width: 768px ) {
  .graphTable08 table .pdtLink .imgBox {
    margin: 2px;
  }
}
.graphTable08 table .pdtLink .imgBox img {
  width: 100%;
  height: auto;
}
.graphTable08 table .pdtLink .btn {
  width: 93%;
  max-width: 175px;
  padding: 5% 1%;
  margin: 0 auto;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.3;
  letter-spacing: -0.05em;
  font-weight: 600;
  font-size: 0.75rem;
  color: #fff;
  border-radius: 25px;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.27);
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  background: #ff7282;
}
@media screen and (max-width: 768px ) {
  .graphTable08 table .pdtLink .btn {
    padding: 8px 2px;
    border-radius: 15px;
  }
}
.graphTable08.ptn02 table {
  border-collapse: separate;
  table-layout: fixed;
  overflow: hidden;
  border: none;
  border-radius: 15px;
  background: #CBF0ED;
}
.graphTable08.ptn02 table .t {
  border-right: 1px solid #CBF0ED;
  border-bottom: none;
}
.graphTable08.ptn02 table .thead .t {
  color: #292929;
  border-right: 1px solid #fff;
  background: #c5e6e4;
}
.graphTable08.ptn02 table .thead .t:last-child {
  border-right: none;
}
.graphTable08.ptn02 table .item .inner .t:last-child {
  border-right: none;
}
.graphTable08.ptn02 table .pdtLink .btn {
  background: #4d4d4d;
}

.graphTable09 { /* コラム記事 表09*/ }
.graphTable09 table {
  margin: 0;
  font-size: 0.75rem;
  table-layout: fixed;
  border-radius: 5px;
  border: 1px solid #ebe1e3;
  border-collapse: separate;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
}
@media screen and (max-width: 768px ) {
  .graphTable09 table {
    font-size: 0.6875rem;
    table-layout: fixed;
  }
}
.graphTable09 table th, .graphTable09 table td {
  padding: 1.5% 3%;
  line-height: 1.3;
}
@media screen and (max-width: 768px ) {
  .graphTable09 table th, .graphTable09 table td {
    padding: 1.5% 0.5%;
  }
}
.graphTable09 table .thead {
  background: #CBF0ED;
}
.graphTable09 table .item th {
  border-bottom: 1px solid #ebe1e3;
}
.graphTable09 table .item td {
  border-bottom: 1px solid #ebe1e3;
  position: relative;
}
.graphTable09 table .item .t {
  width: 18%;
  text-align: center;
  border-right: 1px solid #ebe1e3;
  border-bottom: 1px solid #ebe1e3;
  font-weight: 500;
  background: #f9f9f9;
}
.graphTable09 table .item .c {
  width: 32%;
}
@media screen and (max-width: 768px ) {
  .graphTable09 table .item .c {
    padding: 3% 3%;
  }
}
.graphTable09 table .item .inner .t:nth-of-type(2) {
  border-left: 1px solid #333333;
}
.graphTable09 table .item .inner:last-child .t,
.graphTable09 table .item .inner:last-child .c {
  border-bottom: none;
}
.graphTable09.ptn02 table {
  border: 1px solid #CBF0ED;
  background: #fff;
}
.graphTable09.ptn02 table .thead {
  background: #CBF0ED;
}
.graphTable09.ptn02 table .item th {
  border-bottom: 1px solid #CBF0ED;
}
.graphTable09.ptn02 table .item td {
  border-bottom: 1px solid #CBF0ED;
  position: relative;
}
.graphTable09.ptn02 table .item .t {
  width: 18%;
  text-align: center;
  border-right: 1px solid #CBF0ED;
  border-bottom: 1px solid #CBF0ED;
  font-weight: 500;
  background: #f3fcfc;
}
.graphTable09.ptn02 table .item .c {
  width: 32%;
}
@media screen and (max-width: 768px ) {
  .graphTable09.ptn02 table .item .c {
    padding: 3% 3%;
  }
}
.graphTable09.ptn02 table .item .inner .t:nth-of-type(2) {
  border-left: 1px solid #CBF0ED;
}
.graphTable09.ptn02 table .item .inner:last-child .t,
.graphTable09.ptn02 table .item .inner:last-child .c {
  border-bottom: none;
}

.listPtn { /* コラム記事 リスト項目 */
  padding: 33px 36px 33px;
  color: #595553;
  margin: 24px auto;
  line-height: 1.7;
  background: #F2F6F6;
}
.listPtn a {
  color: #595553;
}
.listPtn.ptn02 {
  padding-top: 0;
  padding-bottom: 20px;
}
.listPtn.ptn02 .listPtnTitle {
  font-size: 1.125rem;
  padding: 20px 0;
  margin: 0;
}
.listPtn.ptn03 {
  margin-top: 8px;
  font-weight: 600;
  background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #F2F6F6 0, #F2F6F6 6px);
}
.listPtn.ptn04 {
  padding: 20px 10px 20px 90px;
  color: #008277;
  border: 3px solid #22bdb1;
  position: relative;
  display: flex;
  background: #fff;
}
.listPtn.ptn04:before, .listPtn.ptn04:after {
  width: 100%;
  max-width: 70px;
  height: 70%;
  content: "";
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
}
.listPtn.ptn04:before {
  border-right: 1px dashed #22bdb1;
}
.listPtn.ptn04:after {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/aga/images/common/icon_check01.svg);
}
.listPtn.ptn04.iconPtn01 { /* ピンクになる */ }
.listPtn.ptn04.iconPtn01:before {
  border-color: #dbc8cb;
}
.listPtn.ptn04.iconPtn01:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23ffa0aa%3Bstroke-width%3A2%3B%7D%20.st2%7Bfill%3Anone%3B%7D%20.st3%7Bfill%3Anone%3Bstroke%3A%23ffa0aa%3Bstroke-width%3A2%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A10%3B%7D%3C/style%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%2210.1%22%20cy%3D%229.9%22%20r%3D%228.3%22/%3E%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_62%22%20transform%3D%22translate(1376.959%203060.918)%22%3E%3Cellipse%20class%3D%22st1%22%20cx%3D%22-1367%22%20cy%3D%22-3050.9%22%20rx%3D%229%22%20ry%3D%229%22/%3E%3C/g%3E%3Cg%20id%3D%22%E5%90%88%E4%BD%93_67%22%20transform%3D%22translate(1383.611%203069.24)%22%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M-1370.3-3060.9l-3.3%2C5L-1370.3-3060.9z%20M-1377-3060.9l3.3%2C5L-1377-3060.9z%22/%3E%3C/g%3E%3Cpolyline%20class%3D%22st3%22%20points%3D%225.6%2C10.3%208.6%2C13.6%2014.6%2C7.3%20%22/%3E%3C/svg%3E");
}
.listPtn.ptn05 {
  padding: 20px 10px 20px 90px;
  color: #22bdb1;
  border: 3px solid #22bdb1;
  position: relative;
  display: flex;
  background: #fff;
}
.listPtn.ptn05:before, .listPtn.ptn05:after {
  width: 100%;
  max-width: 70px;
  height: 70%;
  content: "";
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
}
.listPtn.ptn05:before {
  border-right: 1px solid #22bdb1;
}
.listPtn.ptn05:after {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/aga/images/common/icon_ex01.svg);
}
.listPtn.ptn05.iconPtn01 { /* ピンクになる */ }
.listPtn.ptn05.iconPtn01:before {
  border-color: #dbc8cb;
}
.listPtn.ptn05.iconPtn01:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23ffa0aa%3Bstroke-width%3A2%3B%7D%20.st2%7Bfill%3A%23ffa0aa%3B%7D%3C/style%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%2210.1%22%20cy%3D%2210%22%20r%3D%228.3%22/%3E%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_62%22%20transform%3D%22translate(1376.959%203060.918)%22%3E%3Cellipse%20class%3D%22st1%22%20cx%3D%22-1367%22%20cy%3D%22-3050.9%22%20rx%3D%229%22%20ry%3D%229%22/%3E%3C/g%3E%3Cg%3E%3Cpath%20class%3D%22st2%22%20d%3D%22M10%2C15.4c-0.4%2C0-0.8-0.2-1-0.5c-0.2-0.2-0.3-0.5-0.3-0.8s0.1-0.6%2C0.3-0.9c0.2-0.3%2C0.5-0.5%2C0.9-0.5%20s0.7%2C0.1%2C1%2C0.3c0.3%2C0.3%2C0.4%2C0.6%2C0.4%2C0.9c0%2C0.3-0.1%2C0.6-0.3%2C0.9C10.8%2C15.2%2C10.4%2C15.4%2C10%2C15.4z%20M9%2C7.1V4.6h2v2.5l-0.4%2C4.3H9.4L9%2C7.1z%22/%3E%3C/g%3E%3C/svg%3E");
}
.listPtn.ptn06 {
  padding: 20px 10px 20px 90px;
  color: #119f94;
  border: 3px solid #22bdb1;
  position: relative;
  display: flex;
  background: #fff;
}
.listPtn.ptn06:before, .listPtn.ptn06:after {
  width: 100%;
  max-width: 70px;
  height: 70%;
  content: "";
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
}
.listPtn.ptn06:before {
  border-right: 1px solid #22bdb1;
}
.listPtn.ptn06:after {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/aga/images/common/icon_mark01.svg);
}
.listPtn.ptn06.iconPtn01 { /* ピンクになる */ }
.listPtn.ptn06.iconPtn01:before {
  border-color: #dbc8cb;
}
.listPtn.ptn06.iconPtn01:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020%2020%22%20style%3D%22enable-background%3Anew%200%200%2020%2020%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%20.st1%7Bfill%3A%23ffa0aa%3Bstroke%3A%23ffa0aa%3Bstroke-width%3A0.7%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3A%23ffa0aa%3B%7D%3C/style%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%229.8%22%20cy%3D%229.5%22%20r%3D%228.3%22/%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_23%22%20class%3D%22st1%22%20d%3D%22M19.3%2C18.2l-2.7-2.8c1.4-1.6%2C2.2-3.7%2C2.2-5.9c0-5-4.1-9.1-9.1-9.1S0.6%2C4.5%2C0.6%2C9.5%20s4.1%2C9.1%2C9.1%2C9.1c2.1%2C0%2C4.1-0.7%2C5.7-2l2.7%2C2.8c0.2%2C0.2%2C0.4%2C0.3%2C0.6%2C0.3s0.4-0.1%2C0.6-0.2C19.6%2C19.1%2C19.6%2C18.5%2C19.3%2C18.2L19.3%2C18.2z%20M9.7%2C17.4c-4.3%2C0-7.9-3.5-7.9-7.9c0-4.3%2C3.5-7.9%2C7.9-7.9c4.3%2C0%2C7.9%2C3.5%2C7.9%2C7.9l0%2C0C17.5%2C13.9%2C14%2C17.4%2C9.7%2C17.4L9.7%2C17.4L9.7%2C17.4z%22/%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_24%22%20class%3D%22st2%22%20d%3D%22M13.8%2C11.3l1.4%2C2.1L15%2C13.5c-0.1-0.1-0.2-0.2-0.3-0.2c-0.3%2C0.1-0.5%2C0.2-0.7%2C0.3%20c-0.7%2C0.4-1.4%2C0.7-2.1%2C1c-0.7%2C0.2-1.3%2C0.3-2%2C0.3C8.5%2C15%2C7.2%2C14.6%2C6%2C13.8c-0.6-0.4-1.1-1-1.4-1.6c-0.5-0.8-0.7-1.7-0.7-2.5%20c0-1.1%2C0.4-2.2%2C1.1-3.1c1.1-1.3%2C2.7-2%2C4.8-2c0.7%2C0%2C1.4%2C0.1%2C2%2C0.2c0.7%2C0.2%2C1.4%2C0.6%2C2.1%2C1c0.2%2C0.1%2C0.5%2C0.2%2C0.7%2C0.3%20c0.1%2C0%2C0.2-0.1%2C0.3-0.2l0.3%2C0.2l-1.4%2C2L13.6%2C8c0-0.1%2C0-0.1%2C0-0.2c0-0.2-0.1-0.3-0.2-0.4C13.2%2C7.2%2C13%2C7.1%2C12.8%2C7%20C12%2C6.5%2C11%2C6.3%2C10.1%2C6.3c-1-0.1-2%2C0.2-2.8%2C0.8S6.1%2C8.7%2C6.1%2C9.7s0.4%2C2%2C1.2%2C2.6c0.8%2C0.6%2C1.8%2C0.9%2C2.7%2C0.9c1%2C0%2C1.9-0.2%2C2.7-0.7%20c0.2-0.1%2C0.5-0.3%2C0.6-0.4c0.1-0.1%2C0.2-0.2%2C0.2-0.4c0-0.1%2C0-0.1%2C0-0.2L13.8%2C11.3z%22/%3E%3C/svg%3E");
}
.listPtn.ptn07 .t {
  margin: 0 0 10px;
  font-weight: 600;
  font-size: 0.8125rem;
  color: #22bdb1;
  display: flex;
  align-items: center;
}
.listPtn.ptn07 .t::before {
  width: 25px;
  height: 25px;
  margin: 0 5px 0 0;
  display: block;
  content: "";
  -webkit-mask-image: url(/aga/images/common/icon_pen01.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/common/icon_pen01.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #22bdb1;
}
.listPtn.ptn08 {
  padding: 15px;
  font-size: 0.7rem;
}
.listPtn.ptn08 .listPtnTitle {
  margin: 0 0 8px;
}
.listPtn.ptn09 {
  padding: 15px;
  font-size: 0.6rem;
}
.listPtn.ptn09 .listPtnTitle {
  margin: 0 0 8px;
}
.listPtn.ptn10 {
  margin-top: 8px;
  font-weight: 600;
  background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #f5eff9 0, #f5eff9 6px);
}

@media screen and (max-width: 768px ) {
  .listPtn { /* コラム記事 リスト項目 */
    padding: 23px 26px 23px;
  }
  .listPtn.ptn03 {
    padding: 23px 26px 26px;
  }
  .listPtn.ptn03 ul {
    letter-spacing: 0;
    line-height: 1.5;
  }
  .listPtn.ptn03 ul li {
    margin: 10px 0;
  }
  .listPtn.ptn04 {
    padding: 16px;
    padding-right: 8px;
    padding-left: 60px;
  }
  .listPtn.ptn04:before, .listPtn.ptn04:after {
    max-width: 50px;
  }
  .listPtn.ptn05 {
    padding: 16px;
    padding-right: 8px;
    padding-left: 60px;
  }
  .listPtn.ptn05:before, .listPtn.ptn05:after {
    max-width: 50px;
  }
  .listPtn.ptn06 {
    padding: 16px;
    padding-right: 8px;
    padding-left: 60px;
  }
  .listPtn.ptn06:before, .listPtn.ptn06:after {
    max-width: 50px;
  }
}
.leftImgPtn { /* コラム記事 左にimgを配置 */
  padding: 23px 36px 26px;
  margin: 24px auto;
  border: 3px solid #fff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.5;
  letter-spacing: 0;
  background: #f9f9f9;
}
@media screen and (max-width: 768px ) {
  .leftImgPtn {
    padding: 13px 20px 16px;
  }
}
.leftImgPtn blockquote {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-style: normal;
  color: inherit;
  quotes: none;
}
.leftImgPtn blockquote:before, .leftImgPtn blockquote:after {
  display: none !important;
}
.leftImgPtn .ahead {
  width: 100%;
  display: flex;
  margin: -5px 0 10px 0;
  align-items: center;
  letter-spacing: inherit;
}
@media screen and (max-width: 768px ) {
  .leftImgPtn .ahead {
    margin: 0 0 8px -5px;
  }
}
.leftImgPtn .ahead img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  object-fit: cover;
}
.leftImgPtn .ahead .ahead_left {
  max-width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 768px ) {
  .leftImgPtn .ahead .ahead_left {
    max-width: 40px;
    min-width: 40px;
    height: 40px;
  }
}
.leftImgPtn .ahead .ahead_right {
  padding: 0 0 0 13px;
  margin: 0;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px ) {
  .leftImgPtn .ahead .ahead_right {
    padding: 0 0 0 8px;
  }
}
.leftImgPtn .leftImgPtn_txtBox {
  font-size: 0.8125rem;
}
@media screen and (max-width: 768px ) {
  .leftImgPtn .leftImgPtn_txtBox {
    font-size: 0.75rem;
  }
}
.leftImgPtn .leftImgPtn_cite {
  width: 100%;
  margin: 3px 0 -3px;
  margin-top: 1%;
  display: flex;
  justify-content: flex-end;
  color: #858585;
  font-size: 0.6875rem;
  line-height: 1.1;
}

.moreBtn {
  border: 1px solid #707070;
  border-radius: 8px;
  max-width: 600px;
  margin: 0 auto;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  color: #292929;
}
.moreBtn:hover {
  background-color: #22bdb1;
  border-color: #22bdb1;
  color: #fff;
}

@media screen and (max-width: 768px ) {
  .moreBtn {
    border-color: #c8c8c8;
    font-size: 0.75rem;
    height: 50px;
    border-radius: 0;
  }
}
nav.pagination { /* ページネーション */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px -26px 0 0;
}
nav.pagination > .pagenation .pageOther, nav.pagination > .pagenation .page.gap {
  min-width: 36px;
  height: 36px;
  margin: 0 13px 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  background: #fafafa;
}
nav.pagination > .pagenation .pageOther a, nav.pagination > .pagenation .page.gap a {
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: #595553;
}
nav.pagination > .pagenation .page.gap {
  background: none;
}
nav.pagination > .pagenation .page.current .pageOther {
  color: #22bdb1;
  font-weight: 600;
  background: inherit;
}
nav.pagination > .pagenation .pageArrow {
  margin: 0 13px 10px 0;
}
nav.pagination > .pagenation .pageArrow a {
  width: 100px;
  height: 36px;
  padding: 0 0 0 26px;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  display: flex;
  align-items: center;
  background: #22bdb1;
}
nav.pagination > .pagenation .pageArrow a .icon {
  width: 15px;
  font-size: 0.9rem;
  padding: 0 3px 2px 3px;
}
nav.pagination > .pagenation .pageArrow.prev a .icon {
  transform: rotate(180deg);
}
nav.pagination > .pagenation .pageArrow.prev a::after {
  display: block;
  content: "前へ";
}
nav.pagination > .pagenation .pageArrow.next a:before {
  display: block;
  content: "次へ";
}

@media screen and (max-width: 768px ) {
  nav.pagination { /* ページネーション */
    padding: 0 13px;
    margin: 30px 0 0;
    font-size: 0.8rem;
  }
  nav.pagination > .pagenation .pageOther, nav.pagination > .pagenation .page.gap {
    min-width: 26px;
    height: 26px;
    margin: 0 5px 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    background: #fafafa;
  }
  nav.pagination > .pagenation .pageOther a, nav.pagination > .pagenation .page.gap a {
    min-width: 26px;
    height: 26px;
    padding: 0 6px;
  }
  nav.pagination > .pagenation .pageArrow {
    margin: 0 5px 10px 0;
  }
  nav.pagination > .pagenation .pageArrow a {
    width: 80px;
    height: 26px;
    padding: 0 0 0 16px;
  }
}
.breadcrumb { /* パンくず */
  color: #727272;
  font-size: 0.6875rem;
}
.breadcrumb > .inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.breadcrumb a {
  color: #727272;
}
.breadcrumb .i {
  margin: 10px 3px;
}
.breadcrumb .i .icon {
  margin: 0 3px 1px 8px;
}

@media screen and (max-width: 768px ) {
  .breadcrumb { /* パンくず */
    overflow-x: scroll;
    font-size: 0.625rem;
    letter-spacing: -0.05em;
  }
  .breadcrumb > .inner {
    margin: 0 0 0 13px;
  }
  .breadcrumb .i {
    display: flex;
    align-items: center;
    flex-shrink: 0;
  }
}
.root .breadcrumb { /* パンくず */
  display: none;
}

.lankBox { /* おすすめランキング */ }
.lankBox > .inner {
  padding: 30px 0;
}
.lankBox > .inner .itemWrapper {
  max-width: 980px;
  margin: 0 auto;
  justify-content: space-between;
}
.lankBox > .inner .lankBoxTitle {
  padding: 0 3px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .lankBoxTitle .nameBox {
  height: 48px;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.lankBox > .inner .lankBoxTitle .imgBox {
  width: 100%;
  max-width: 36px;
  min-width: 36px;
  margin: 0 8px 0 0;
}
.lankBox > .inner .lankBoxTitle .t {
  font-size: 1rem;
  display: block;
  text-align: center;
  color: #595553;
}
.lankBox > .inner .lankBoxTitle .t b {
  padding: 0 0 0;
  color: #22bdb1;
}
.lankBox > .inner .lankBoxTitle .t u {
  text-decoration: none;
}
.lankBox > .inner .itemHeader {
  padding: 0 4px 0 0;
}
.lankBox > .inner .lankNumBox {
  min-width: 15px;
  padding: 8px 14px 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #F3C613;
}
.lankBox > .inner .lankNumBox .imgBox {
  width: 16px;
  height: 12px;
  margin: 0 0 0;
}
.lankBox > .inner .lankNumBox .imgBox img {
  width: 100%;
}
.lankBox > .inner .lankNumBox:after {
  width: 100%;
  height: 24px;
  content: "1";
  font-size: 0.9375rem;
  font-weight: 600;
  display: block;
  text-align: center;
}
.lankBox > .inner .lating {
  margin: 0 0 0 auto;
  color: #F3C613;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.lankBox > .inner .lating u { /* 数字 */
  padding: 0 0 0 8px;
  font-family: Helvetica;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.25rem;
}
.lankBox > .inner .lating .num { /* ★ */
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lankBox > .inner .lating .num b {
  display: block;
  width: 12px;
  height: 12px;
  margin: 0 1px 0;
  -webkit-mask-image: url(/aga/images/common/lanking_latingstar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/common/lanking_latingstar.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #F3C613;
}
.lankBox > .inner .price {
  font-weight: 600;
  line-height: 1;
  color: #595553;
}
.lankBox > .inner .price .all { /* 総額 */
  padding: 16px 13px 11px;
  align-items: flex-end;
  justify-content: flex-start;
  color: #595553;
  position: relative;
  border-bottom: 1px solid #dedede;
}
.lankBox > .inner .price .all .t {
  width: 66px;
  height: 29px;
  line-height: 29px;
  padding: 0;
  margin: 0 auto 0 0;
  letter-spacing: 0.28em;
  padding-left: 0.28em;
  color: #fff;
  font-weight: 300;
  font-size: 0.876rem;
  border-radius: 6px; /* 6px */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #595553;
}
.lankBox > .inner .price .all .currencySymbol {
  font-family: Helvetica;
  font-size: 1.25rem;
}
.lankBox > .inner .price .all b {
  font-family: Helvetica;
  padding: 0 0 0;
  margin: 0 0 -3px;
  letter-spacing: 0;
  font-size: 2.125rem;
}
.lankBox > .inner .price .all u {
  padding: 2px 0 0;
  margin: auto 0 auto 5px;
  text-decoration: none;
  font-size: 0.8125rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .price .unit { /* 一回当たり */
  padding: 9px 13px 16px;
  align-items: flex-end;
  justify-content: flex-start;
  color: #595553;
}
.lankBox > .inner .price .unit .t {
  width: 66px;
  height: 29px;
  line-height: 29px;
  padding: 0;
  margin: 0 auto 0 0;
  letter-spacing: 0.28em;
  padding-left: 0.28em;
  color: #595553;
  font-weight: 400;
  font-size: 0.75rem;
  letter-spacing: 0;
  border-radius: 6px; /* 6px */
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F4F4F4;
}
.lankBox > .inner .price .unit .currencySymbol {
  font-family: Helvetica;
  font-size: 1.25rem;
}
.lankBox > .inner .price .unit b {
  font-family: Helvetica;
  padding: 0 0 0;
  margin: 0 0 -3px;
  letter-spacing: 0;
  font-size: 2rem;
}
.lankBox > .inner .price .unit u {
  padding: 1px 0 0;
  margin: auto 0 auto 5px;
  text-decoration: none;
  font-size: 0.8125rem;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .ptn01 {
  width: 33.3333333333%;
  max-width: 288px;
}
.lankBox > .inner .ptn01 .itemBox {
  border: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn01 .itemBox .itemHeader .lating {
  padding: 0 0 0 5px;
}
.lankBox > .inner .ptn01 .itemBox .itemThm {
  width: 100%;
  height: 148px;
  overflow: hidden;
}
.lankBox > .inner .ptn01 .itemBox .itemThm img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.lankBox > .inner .ptn01 .itemBox .title {
  width: 100%;
  height: 71px;
  padding: 0 0 0 8px;
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #595553;
}
.lankBox > .inner .ptn01 .itemBox .spec .price .all { /* 総額 */
  padding: 16px 13px 20px 13px;
  border-bottom: none;
  position: relative;
}
.lankBox > .inner .ptn01 .itemBox .spec .price .all::after {
  width: 96%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .spec .price .all .miniT {
  font-size: 0.625rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 5px;
  left: 14px;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox {
  opacity: 0.8;
  background: #f4f4f4;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader {
  padding: 0 3.5% 0 0;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox {
  width: 100%;
  max-width: 42px;
  position: relative;
  background: #595553;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox::before {
  width: 96%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox::after {
  content: "2";
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .title {
  padding: 4% 2%;
  margin: 0 0 0 3.5%;
  position: relative;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .title::before {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lating {
  padding: 0;
  color: #595553;
  position: relative;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lating::before {
  width: 100%;
  height: 1px;
  margin: 0 auto;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(0%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lating .num b {
  background-color: #595553;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:nth-child(2) .lankNumBox:after {
  content: "3";
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child {
  border-bottom: none;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child .lankNumBox::before {
  display: none;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child .title::before {
  display: none;
}
.lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader:last-child .lating::before {
  display: none;
}
.lankBox > .inner .ptn01 .itemBox .linkBox {
  margin: 0 20px 0;
}
.lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn01 {
  max-width: 100%;
}
.lankBox > .inner .ptn02 {
  width: 100%;
  margin: 0 0 60px;
}
.lankBox > .inner .ptn02 .lankBoxTitle {
  margin: 0 0 20px;
  justify-content: center;
  align-items: center;
}
.lankBox > .inner .ptn02 .lankBoxTitle .imgBox {
  width: 100%;
  max-width: 36px;
  min-width: 36px;
  margin: 0 8px 0 0;
}
.lankBox > .inner .ptn02 .lankBoxTitle .t {
  font-size: 1.25rem;
}
.lankBox > .inner .ptn02 .lankBoxTitle .t b {
  color: #22bdb1;
}
.lankBox > .inner .ptn02 .nameBox {
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn02 .lankNumBox {
  width: 60px;
  min-width: 60px;
  height: 72px;
  padding: 0 0 0;
  margin: 0;
  background: #F3C613;
}
.lankBox > .inner .ptn02 .lankNumBox .imgBox {
  width: 21px;
  height: auto;
  margin: auto 0 0;
}
.lankBox > .inner .ptn02 .lankNumBox .numBox {
  margin: 0 0 auto;
  font-size: clamp(0.625rem, 0.443rem + 0.91vw, 1.125rem);
}
.lankBox > .inner .ptn02 .lankNumBox::after {
  display: none;
}
.lankBox > .inner .ptn02 .name {
  width: 100%;
  display: flex;
  align-items: center;
}
.lankBox > .inner .ptn02 .name > .inner {
  width: 100%;
  padding: 0 5px 0 0;
  align-items: center;
  justify-content: flex-start;
}
.lankBox > .inner .ptn02 .name > .inner .itemThm {
  width: 100%;
  max-width: 108px;
  margin: 0 25px;
}
.lankBox > .inner .ptn02 .name > .inner .itemThm img {
  width: auto;
  max-height: 72px;
  object-fit: cover;
}
.lankBox > .inner .ptn02 .name > .inner .t {
  margin: 0 0;
  font-weight: 600;
  font-size: 1.25rem;
  color: #595553;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.lankBox > .inner .ptn02 .name > .inner .cat {
  padding: 6px;
  margin: 0 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: #fff;
  border-radius: 5px;
  font-size: 0.625rem;
  background: #22bdb1;
}
.lankBox > .inner .ptn02 .lating {
  margin: 0 16px 0 auto;
  font-weight: 800;
  color: #F3C613;
  display: flex;
  align-items: center;
}
.lankBox > .inner .ptn02 .lating .num b {
  width: 16px;
  height: 16px;
  background-color: #F3C613;
}
.lankBox > .inner .ptn02 .lating u {
  font-size: 1.875rem;
}
.lankBox > .inner .ptn02 .itemBox {
  border: 1px solid #dedede;
  background: #fff;
}
.lankBox > .inner .ptn02 .itemBox .spec {
  display: flex;
}
.lankBox > .inner .ptn02 .itemBox .spec > .inner {
  width: 100%;
  padding: 25px 20px;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap {
  width: 62%;
  min-width: 62%;
  max-width: 62%;
  max-height: 300px;
  overflow: hidden;
  line-height: 0;
  justify-content: space-between;
  position: relative;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider {
  width: 100%;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider .imgBox {
  width: 100%;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .slick-slider .slick-list {
  width: 100%;
  overflow: hidden;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderMain {
  padding: 0 90px 0 0;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderMain .slick-list .slick-track .imgBox.slide {
  height: 300px;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  height: 100%;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  display: flex;
  flex-direction: column;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-slide {
  width: 100%;
  min-width: 84px;
  max-width: 84px;
  max-height: 84px;
  margin: 0 0 10px;
  overflow: hidden;
  display: block !important;
  float: none !important;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox {
  width: 38%;
  min-width: 38%;
  max-width: 38%;
  padding: 0 26px 0;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price {
  margin: 0 0 20px;
  border-bottom: 1px solid #dedede;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all {
  padding: 5px 0 20px;
  position: relative;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .miniT {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 5px;
  left: 3px;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all b {
  font-size: clamp(0.813rem, 0.381rem + 2.16vw, 2rem);
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit {
  padding: 9px 0 16px;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit b {
  font-size: clamp(0.813rem, 0.381rem + 2.16vw, 2rem);
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .tagList {
  flex-wrap: wrap;
}
.lankBox > .inner .ptn02 .itemBox .spec .specBox .tagList .item {
  padding: 3px 5px;
  margin: 0 8px 10px 0;
  font-size: 0.876rem;
  color: #fff;
  border-radius: 5px;
  background: #828080;
}
.lankBox > .inner .ptn02 .itemBox .txtBox > .inner {
  font-size: 0.876rem;
  padding: 0 20px 25px;
}
.lankBox > .inner .ptn02 .itemBox .openBox {
  text-align: center;
}
.lankBox > .inner .ptn02 .itemBox .openBox > .inner {
  padding: 0 0 40px;
  margin: 0 20px 0;
  position: relative;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn {
  width: 100%;
  padding: 7px 0 10px;
  margin: 0 auto;
  color: #22bdb1;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F9F9F9;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn::before {
  font-size: 0.9375rem;
  content: "詳細";
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn .icon {
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn:hover {
  cursor: pointer;
  opacity: 0.7;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn ~ .c {
  padding: 0 15px 0;
  text-align: left;
  height: 0;
  overflow: hidden;
  background: #F9F9F9;
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active::before {
  content: "とじる";
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active .icon {
  transform: rotate(-180deg);
}
.lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active ~ .c {
  height: auto;
  padding: 0 15px 40px;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox {
  padding: 10px 16px 50px;
  justify-content: space-between;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 {
  width: 49%;
  height: 63px;
  line-height: 63px;
  max-width: 50%;
  padding: 0 50px 0;
  margin: 0 0 0 0;
  display: flex;
  position: relative;
  border-radius: 60px;
  border: none;
  background: inherit;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01::before, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02::before {
  width: 100%;
  height: 100%;
  margin: 4px 0 0;
  border-radius: 50px;
  border: 4px solid #dedede;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #dedede;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: all 0.1s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  color: #22bdb1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 3px solid #22bdb1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: #fff;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner b, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner b {
  font-weight: 300;
  font-size: 1.25rem;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner::before, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner::before {
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 3px 0 0;
  content: "";
  -webkit-mask-image: url(/aga/images/common/lanking_cv_btn01.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
  mask-image: url(/aga/images/common/lanking_cv_btn01.svg);
  mask-position: 0 0;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background-color: #fff;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner .icon, .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner .icon {
  font-size: 1.2rem;
  position: absolute;
  top: 49%;
  right: 24px;
  transform: translateY(-50%) translateX(0%);
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner {
  border: 2px solid #22bdb1;
  background: #22bdb1;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 > .inner b {
  color: #fff;
}
@media screen and (min-width: 650px ) {
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01:hover {
    background: inherit;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01:hover > .inner {
    margin-top: 4px;
  }
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner {
  border: 2px solid #22bdb1;
  background: #fff;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner b {
  color: #22bdb1;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner::before {
  -webkit-mask-image: url(/aga/images/common/lanking_cv_btn02.svg);
  mask-image: url(/aga/images/common/lanking_cv_btn02.svg);
  background-color: #22bdb1;
}
.lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 > .inner .icon {
  color: #22bdb1;
}
@media screen and (min-width: 650px ) {
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02:hover {
    background: inherit;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02:hover::before {
    background-color: #fff;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02:hover > .inner {
    margin-top: 4px;
  }
}
.lankBox.lankBoxPtn01 { /* ＝ .lankBox */ }
.lankBox.lankBoxPtn02 > .inner .itemWrapper .lankBoxTitle {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px ) {
  .lankBox { /* おすすめランキング */ }
  .lankBox > .inner {
    padding: 10px 0;
  }
  .lankBox > .inner .lankBoxTitle .nameBox {
    margin: 0 0 0;
  }
  .lankBox > .inner .lankBoxTitle .t {
    font-size: 0.6875rem;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader {
    padding: 0 8px 0 0;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lankNumBox {
    max-width: 18px;
    padding: 8px 3px 0;
    margin: 0;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lankNumBox::after {
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lankNumBox .imgBox {
    transform: scale(0.7);
  }
  .lankBox > .inner .ptn01 .itemBox .itemHeader .lating {
    display: none;
  }
  .lankBox > .inner .ptn01 .itemBox .title {
    width: 100%;
    height: 45px;
    padding: 0 0 0 8px;
    margin: 0;
    font-size: 0.625rem;
    line-height: 1.3;
    overflow: hidden;
  }
  .lankBox > .inner .ptn01 .itemBox .title .t {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .lankBox > .inner .ptn01 .itemBox .itemThm {
    height: 72px;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price * {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all {
    flex-wrap: nowrap;
    align-items: center;
    padding: 8px 0px 18px 5px;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .t {
    width: 35px;
    height: 19px;
    line-height: 18px;
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .currencySymbol {
    font-size: 0.625rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all b {
    margin: 0;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all u {
    padding: 0;
    margin: 0 0 0;
    font-size: 0.625rem;
    letter-spacing: 0;
    font-weight: 400;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .all .miniT {
    transform: scale(0.7);
    left: -4px;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit {
    padding: 8px 0px 5px 0px;
    flex-wrap: nowrap;
    align-items: center;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .t {
    width: 50px;
    height: 27px;
    line-height: 27px;
    font-size: 0.6rem;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .currencySymbol {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 768px ) and (max-width: 445px ) {
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit .currencySymbol {
    margin: 0 -2px 0 -4px;
  }
}
@media screen and (max-width: 768px ) {
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit b {
    margin: 0;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn01 .itemBox .spec .price .unit u {
    padding: 0;
    margin: 0 0 0;
    font-size: 0.625rem;
    letter-spacing: 0;
    font-weight: 400;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .lankNumBox {
    max-width: 18px;
  }
  .lankBox > .inner .ptn01 .itemBox .otherLankBox .itemHeader .title {
    width: 100%;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox {
    margin: 0 0 0;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 {
    height: 40px;
    margin: 8px auto 11px;
    font-size: 0.6875rem;
    transform: scale(0.9);
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 * {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07::before {
    height: 40px;
    border: 2px solid #dedede;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 .t {
    height: 40px;
    border: 2px solid #22bdb1;
  }
  .lankBox > .inner .ptn01 .itemBox .linkBox .goToBtn07 .t::before {
    width: 18px;
    height: 18px;
    margin: 0 0 0 3px;
  }
  .lankBox > .inner .ptn02 .lankBoxTitle .t {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox {
    width: 30px;
    min-width: 30px;
    height: 52px;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox .imgBox {
    width: 15px;
    margin: auto auto 0;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox::after {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn02 .nameBox .lankNumBox::after {
    display: none;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .itemThm {
    max-width: 50px;
    margin: 0 5px;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .itemThm img {
    max-height: 72px;
    object-fit: cover;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .t {
    font-size: 0.8125rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .lankBox > .inner .ptn02 .nameBox .name > .inner .cat {
    width: 50px;
    padding: 3px;
    margin: 0 0 0 3px;
    border-radius: 5px;
    white-space: nowrap;
    letter-spacing: -0.1em;
  }
  .lankBox > .inner .ptn02 .nameBox .lating {
    margin: 0 8px 0 auto;
  }
  .lankBox > .inner .ptn02 .nameBox .lating .num b {
    width: 10px;
    height: 10px;
    display: none;
  }
  .lankBox > .inner .ptn02 .nameBox .lating .num b:first-child {
    display: block;
  }
  .lankBox > .inner .ptn02 .nameBox .lating u {
    font-size: 0.9375rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec > .inner {
    padding: 25px 20px 10px;
    flex-direction: column;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .slider_wrap {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    justify-content: space-between;
    position: relative;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderMain .slick-list .slick-track .imgBox.slide {
    height: 200px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .slider_wrap .sliderNav .slick-list .slick-track .imgBox.slide {
    height: 60px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit {
    padding: 9px 0 16px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .t, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit .t {
    margin: 0 auto -7px -5px;
    transform: scale(0.8);
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .currencySymbol, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit .currencySymbol {
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all b, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit b {
    font-size: 1.125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all u, .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .unit u {
    margin: 0 0 0 5px;
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .price .all .t {
    margin: 0 auto 0 -5px;
  }
  .lankBox > .inner .ptn02 .itemBox .spec .specBox .tagList .item {
    font-size: 0.75rem;
  }
  .lankBox > .inner .ptn02 .itemBox .openBox > .inner {
    padding: 0 0 15px;
  }
  .lankBox > .inner .ptn02 .itemBox .openBox .openBtn.active {
    bottom: 20px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox {
    white-space: nowrap;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox {
    padding: 10px 16px 20px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 .inner:before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    left: 8px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 .inner b {
    font-size: 0.8125rem;
    letter-spacing: 0;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn01 .inner .icon {
    display: none;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 {
    height: 45px;
    line-height: 45px;
    padding: 0 0 0;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 .inner:before {
    width: 18px;
    min-width: 18px;
    height: 18px;
    left: 8px;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 .inner b {
    font-size: 0.8125rem;
  }
  .lankBox > .inner .ptn02 .itemBox .btmBox .linkBox .goToBtn02 .inner .icon {
    display: none;
  }
  .lankBox.lankBoxPtn01 { /* ＝ .lankBox */ }
  .lankBox.lankBoxPtn02 > .inner {
    padding-right: 13px;
    padding-left: 13px;
  }
  .lankBox.lankBoxPtn02 > .inner .itemWrapper .lankBoxTitle {
    margin-bottom: 20px;
  }
  .lankBox.lankBoxPtn02 > .inner .itemWrapper .lankBoxTitle .t {
    font-size: 0.876rem;
  }
}
/* articleLankbox
---------------------------------------------- */
.articleLankbox { /* コラム記事 店舗 */ }
.articleLankbox .articleLankItem .articleLankboxTitle {
  padding: 18px 0;
  margin: 0 0 30px;
  position: relative;
}
.articleLankbox .articleLankItem .articleLankboxTitle h2, .articleLankbox .articleLankItem .articleLankboxTitle h3, .articleLankbox .articleLankItem .articleLankboxTitle h4 {
  padding: 0;
  margin: 0;
}
.articleLankbox .articleLankItem .articleLankboxTitle::before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
}
.articleLankbox .articleLankItem .articleLankboxTitle::after {
  width: 120px;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #22bdb1;
}
.articleLankbox .articleLankItem .elm {
  margin: 5px 0 30px;
}
.articleLankbox .articleLankItem .elm01 {
  margin: 0 0 30px;
}
.articleLankbox .articleLankItem .elm01 .thmBox {
  display: block;
}
.articleLankbox .articleLankItem .elm01 .thmBox img {
  width: 100%;
}
.articleLankbox .articleLankItem .elm02 {
  margin-bottom: 50px;
}
.elmLink { /* コラム記事 外部サイトへのリンク */
  margin: 30px auto;
}

.internalLink { /* コラム記事 内部リンク */
  width: 100%;
  color: #595553;
  display: inline-block;
}
.internalLink.ptn01 {
  padding: 0 24px 0 0;
  margin: 16px 0;
  line-height: 1.5;
  border-radius: 5px;
  border: 1px solid #999;
  position: relative;
}
.internalLink.ptn01 > .inner {
  padding: 12px;
  align-items: center;
}
.internalLink.ptn01 .imgBox {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  margin: 0 12px 0 0;
}
.internalLink.ptn01 b {
  font-weight: normal;
}
.internalLink.ptn01 .icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%) translateX(0%);
}
.internalLink.ptn02 {
  padding: 0 24px 0 0;
  margin: 16px 0;
  line-height: 1.5;
  border-radius: 5px;
  border: 1px solid #999;
  position: relative;
}
.internalLink.ptn02 > .inner {
  padding: 12px;
  align-items: center;
}
.internalLink.ptn02 .imgBox {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  margin: 0 0;
  position: relative;
}
.internalLink.ptn02 .imgBox::before {
  width: 100%;
  max-width: 100%;
  height: 100%;
  content: "";
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/aga/images/common/icon_mark01.svg);
}
.internalLink.ptn02 b {
  font-weight: normal;
}
.internalLink.ptn02 .icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%) translateX(0%);
}

.clmImg100Box_ptn01 { /* 要素内imgが100%になる */
  line-height: 0;
}
.clmImg100Box_ptn01 a {
  display: block;
  border: none;
  text-decoration: none;
}
.clmImg100Box_ptn01 img {
  width: 100%;
  margin: 1px 0;
}

/* コラム一覧（※部品用に調整）２×２ */
.clmArea02 {
  margin: 0 0 0;
  /* ここまで　コラム一覧（※部品用に調整）２×２　*/
}
@media screen and (max-width: 980px ) {
  .clmArea02 .catArea01 {
    padding: 0 5px;
  }
}
.clmArea02 .ctn > .inner > .title {
  margin: 50px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #595553;
  font-size: 1.5rem;
  font-weight: 600;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .ctn > .inner > .title {
    margin: 30px auto 22px;
    font-size: 1.5rem;
  }
}
.clmArea02 .itemList01 > .inner {
  max-width: 768px;
  flex-wrap: wrap;
  margin: 0 auto 0;
}
.clmArea02 .itemList01 .item {
  width: 50%;
  padding: 0 22px;
  color: #595553;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .itemList01 .item {
    padding: 0 5px;
  }
}
.clmArea02 .itemList01 .item .imgBox {
  width: 100%;
  padding: 0 0;
  display: flex;
  flex-direction: column;
}
.clmArea02 .itemList01 .item .imgBox img {
  width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.clmArea02 .itemList01 .item .txtBox .tagList01 {
  padding: 0;
  margin: 24px 0 24px;
  line-height: 1;
  justify-content: space-between;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .itemList01 .item .txtBox .tagList01 {
    margin: 12px 0 10px;
  }
}
.clmArea02 .itemList01 .item .txtBox .tagList01 > .inner {
  width: 50%;
  display: inline-flex;
}
.clmArea02 .itemList01 .item .txtBox .tagList01 .item {
  width: 100%;
  padding: 8px 13px;
  margin: 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.876rem;
  color: #fff;
  border-radius: 5px;
  background: #595553;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .itemList01 .item .txtBox .tagList01 .item {
    padding: 5px 8px;
    font-size: 0.75rem;
  }
}
.clmArea02 .itemList01 .item .txtBox .tagList01 .time {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .itemList01 .item .txtBox .tagList01 .time {
    font-size: 0.6875rem;
  }
}
.clmArea02 .itemList01 .item .txtBox .txt {
  color: #595553;
}
.clmArea02 .itemList01 .item .txtBox .txt:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .itemList01 .item .txtBox .txt {
    font-size: 0.6875rem;
    letter-spacing: 0.025rem;
    font-weight: 600;
  }
}
.clmArea02 .linkBox {
  margin: 60px 0 30px;
}
@media screen and (max-width: 980px ) {
  .clmArea02 .linkBox {
    margin: 35px 5px 30px;
  }
}
.clmArea02 .linkBox .goToBtn04 {
  padding: 23px 8px;
  font-size: 0.876rem;
  letter-spacing: 0.05rem;
  border-radius: 6px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px ) {
  .clmArea02 .linkBox .goToBtn04 {
    max-width: 100%;
  }
}

/* コラム詳細ページ（コラム記事） */
.clmArea01 { /* コラム記事 */
  /* 1つめの.content */
  /* 使いまわす部品 */
  /* 旧シルチカのSCSSはここに使いまわす部品が入る */
  /* 2つめの.content
  本文の装飾。コピペ追加しやすいように3つめを追加 */
}
@media screen and (max-width: 980px ) {
  .clmArea01 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
.clmArea01 p a {
  border-bottom: 1px solid;
}
.clmArea01 > .inner {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
}
.clmArea01 > .inner .clmHeader .title {
  margin-top: 0;
  text-align: left;
  justify-content: flex-start;
}
@media screen and (max-width: 768px ) {
  .clmArea01 > .inner .clmHeader .title {
    margin: 0 auto 30px;
    font-size: 1.375rem;
  }
}
.clmArea01 > .inner .clmHeader .elm {
  margin: 28px 0;
}
.clmArea01 > .inner .clmHeader .elm .item {
  font-size: 0.8125rem;
}
.clmArea01 > .inner .clmHeader .elm .item span {
  padding: 1px 4px;
  margin: 0 8px 0 0;
  font-size: 0.6875rem;
  line-height: 1.5;
  color: #fff;
  display: inline-block;
  flex-shrink: 0;
  border-radius: 6px;
  background: #22bdb1;
}
.clmArea01 > .inner .clmHeader .elm .item.release {
  margin: 0 24px 0 0;
}
.clmArea01 > .inner .clmHeader.colorlens .elm .item span {
  background: #db748b;
}
.clmArea01 .thmBox img {
  width: 100%;
}
.clmArea01 .content {
  font-size: 0.876rem;
  /* 見出し 装飾 */
}
.clmArea01 .content .readBox {
  padding: 13px 30px;
  margin: 24px auto;
  background: #F2F6F6;
}
.clmArea01 .content p {
  margin: 24px 0;
  letter-spacing: 0.03em;
  line-height: 1.7;
}
.clmArea01 .content h2, .clmArea01 .content h3, .clmArea01 .content h4, .clmArea01 .content h5 {
  margin: 20px 0;
  line-height: 1.3;
}
.clmArea01 .content h2 a, .clmArea01 .content h3 a, .clmArea01 .content h4 a, .clmArea01 .content h5 a {
  color: inherit;
}
.clmArea01 .content h2 {
  margin: 50px 0 20px;
}
.clmArea01 .content .t00 {
  font-size: 1.3125rem;
  padding: 11px 0 11px 0;
}
.clmArea01 .content .t01 {
  padding: 10px 13px 10px 13px;
  margin: 0;
  font-size: 0.9375rem;
  font-weight: normal;
  color: #fff;
  display: inline-flex;
  position: relative;
  background: #22bdb1;
}
.clmArea01 .content .t01::before {
  width: 0;
  height: 0;
  content: "";
  display: block;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 15px solid #22bdb1;
  position: absolute;
  top: 100%;
  left: 35px;
}
.clmArea01 .content .t2_01 {
  font-size: 1.3125rem;
  padding: 11px 0 11px 0;
  border-top: 1px solid #595553;
  border-bottom: 1px solid #595553;
  position: relative;
}
.clmArea01 .content .t2_01::before, .clmArea01 .content .t2_01::after {
  width: 100%;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #595553;
}
.clmArea01 .content .t2_01::before {
  top: -5px;
  background: #595553;
}
.clmArea01 .content .t2_01::after {
  top: inherit;
  bottom: -5px;
  background: #595553;
}
.clmArea01 .content .t2_02 {
  font-size: 1.3125rem;
  padding: 11px 0 11px 53px;
  border-top: 1px solid #595553;
  border-bottom: 1px solid #595553;
  position: relative;
}
.clmArea01 .content .t2_02::before, .clmArea01 .content .t2_02::after {
  width: 100%;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #595553;
}
.clmArea01 .content .t2_02::before {
  top: -5px;
  background: #595553;
}
.clmArea01 .content .t2_02::after {
  top: inherit;
  bottom: -5px;
  background: #595553;
}
.clmArea01 .content .t2_02 .bg {
  width: 53px;
  height: 100%;
  margin: 0 0 0 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(/aga/images/common/clm_t01_img.svg);
}
.clmArea01 .content .t2_03 {
  font-size: 1.3125rem;
  padding: 11px 0 11px 5px;
  border-top: 1px solid #ffcad4;
  border-bottom: 1px solid #ffcad4;
  color: #db748b;
  position: relative;
  background: #ffeff2;
}
.clmArea01 .content .t2_03::before, .clmArea01 .content .t2_03::after {
  width: 100%;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #db748b;
}
.clmArea01 .content .t2_03::before {
  top: -5px;
  background: #db748b;
}
.clmArea01 .content .t2_03::after {
  top: inherit;
  bottom: -5px;
  background: #db748b;
}
.clmArea01 .content .t2_04 {
  font-size: 1.3125rem;
  padding: 1px 0 1px 5px;
  border-top: 1px solid #ffcad4;
  border-bottom: 1px solid #ffcad4;
  color: #db748b;
  display: flex;
  align-items: center;
  position: relative;
  background: #ffeff2;
}
.clmArea01 .content .t2_04::before, .clmArea01 .content .t2_04::after {
  width: 100%;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #db748b;
}
.clmArea01 .content .t2_04::before {
  top: -5px;
  background: #db748b;
}
.clmArea01 .content .t2_04::after {
  top: inherit;
  bottom: -5px;
  background: #db748b;
}
.clmArea01 .content .t2_04 .bg {
  width: 70px; /* 必要に応じて調整 */
  height: 50px; /* 必要に応じて調整 */
  line-height: 50px;
  padding: 10px 0 0 4px;
  margin: -2px 0 0;
  display: inline-flex;
  justify-content: center;
  color: #fff;
  font-size: 0.75rem;
  font-weight: normal;
  letter-spacing: 3px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.2 69.9"><style>.cls-1%7Bfill:%23db748b;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23c19527;%7D</style><g><path class="cls-1" d="M42.7,8.6c3.9,0,6.6,2.6,6.6,6.6s.2.5.5.5.5-.2.5-.5c0-3.9,2.6-6.6,6.6-6.6s.5-.2.5-.5-.2-.5-.5-.5c-3.9,0-6.6-2.6-6.6-6.6s-.2-.5-.5-.5-.5.2-.5.5c0,3.9-2.6,6.6-6.6,6.6s-.5.2-.5.5.2.5.5.5Z"/><path class="cls-1" d="M21.2,24.1c.3,0,.5-.2.5-.5s-.2-.5-.5-.5c-3.9,0-6.6-2.6-6.6-6.6s-.2-.5-.5-.5-.5.2-.5.5c0,3.9-2.6,6.6-6.6,6.6s-.5.2-.5.5.2.5.5.5c3.9,0,6.6,2.6,6.6,6.6s.2.5.5.5.5-.2.5-.5c0-3.9,2.6-6.6,6.6-6.6Z"/><path class="cls-1" d="M92.7,23c-3.9,0-6.6-2.6-6.6-6.6s-.2-.5-.5-.5-.5.2-.5.5c0,3.9-2.6,6.6-6.6,6.6s-.5.2-.5.5.2.5.5.5c3.9,0,6.6,2.6,6.6,6.6s.2.5.5.5.5-.2.5-.5c0-3.9,2.6-6.6,6.6-6.6s.5-.2.5-.5-.2-.5-.5-.5Z"/><path class="cls-1" d="M83.2,28.9c-.4-.3-1-.2-1.3.1,0,0-3.2,3.1-7.4,5.7-3.7,2.4-9,3.1-13,1.7-6.7-2.3-10.1-14.1-10.7-18.2,0,0,0,0,0,0,0-.5-.5-.9-1-.9,0,0,0,0,0,0,0,0,0,0,0,0-.5,0-1,.4-1,.9,0,0,0,0,0,0-.6,4.1-4,16-10.7,18.2-7.8,2.7-20.2-7.3-20.4-7.4-.4-.3-.9-.4-1.3-.1-.4.3-.6.8-.4,1.2l12.4,38.9c.2.4.5.7,1,.7h40.8c.4,0,.8-.3,1-.7l12.4-38.9c.2-.5,0-1-.4-1.2Z"/></g><path class="cls-2" d="M39.1,143.7c-.4-.3-1-.2-1.3.1,0,0-3.2,3.1-7.4,5.7-3.7,2.4-9,3.1-13,1.7-6.7-2.3-10.1-14.1-10.7-18.2,0,0,0,0,0,0,0-.5-.5-.9-1-.9,0,0,0,0,0,0,0,0,0,0,0,0-.5,0-1,.4-1,.9,0,0,0,0,0,0-.6,4.1-4,16-10.7,18.2-7.8,2.7-20.2-7.3-20.4-7.4-.4-.3-.9-.4-1.3-.1-.4.3-.6.8-.4,1.2l12.4,38.9c.2.4.5.7,1,.7H26.1c.4,0,.8-.3,1-.7l12.4-38.9c.2-.5,0-1-.4-1.2Z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.clmArea01 .content .t3_01 {
  padding: 0 0 0 13px;
  margin: 20px 0;
  border-left: 6px solid #22bdb1;
}
.clmArea01 .content .t3_02 {
  padding: 18px 0;
  margin: 0 0 30px;
  position: relative;
}
.clmArea01 .content .t3_02::before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
}
.clmArea01 .content .t3_02::after {
  width: 120px;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #22bdb1;
}
.clmArea01 .content .t3_03 {
  padding: 18px 0;
  margin: 0 0 30px;
  color: #db748b;
  position: relative;
}
.clmArea01 .content .t3_03::before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #db748b;
}
.clmArea01 .content .t3_03:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 75%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #db748b transparent transparent transparent;
}
.clmArea01 .content .t3_04 {
  padding: 18px 0;
  margin: 0 0 30px;
  color: #db748b;
  position: relative;
}
.clmArea01 .content .t3_04::before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ebe1e3;
}
.clmArea01 .content .t3_04::after {
  width: 120px;
  height: 2px;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #dd99a7;
}
.clmArea01 .content .t3_05 {
  padding: 18px 0;
  margin: 0 0 30px;
  color: #db748b;
  border-bottom: 2px solid #ebe1e3;
  position: relative;
}
.clmArea01 .content .t3_05:before, .clmArea01 .content .t3_05:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}
.clmArea01 .content .t3_05:before {
  border: 13px solid;
  border-color: transparent;
  border-top-color: #ebe1e3;
  margin-left: -16px;
}
.clmArea01 .content .t3_05:after {
  border: 10px solid;
  border-color: transparent;
  border-top-color: white;
  margin-left: -13px;
}
.clmArea01 .content .t3_06 {
  padding: 0 0 0 13px;
  margin: 20px 0;
  border-left: 6px solid #ffa0aa;
}
.clmArea01 .content .t3_07 {
  padding: 18px 0;
  margin: 0 0 30px;
  color: #db748b;
  border-bottom: 2px solid #c5e6e4;
  position: relative;
}
.clmArea01 .content .t3_07:before, .clmArea01 .content .t3_07:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}
.clmArea01 .content .t3_07:before {
  border: 13px solid;
  border-color: transparent;
  border-top-color: #c5e6e4;
  margin-left: -16px;
}
.clmArea01 .content .t3_07:after {
  border: 10px solid;
  border-color: transparent;
  border-top-color: white;
  margin-left: -13px;
}
.clmArea01 .content .t4_01 {
  padding: 0 0 0 20px;
  margin: 20px 0 20px 0;
  display: block;
  position: relative;
}
.clmArea01 .content .t4_01::before {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
  background: #22bdb1;
}
.clmArea01 .content .t4_02 {
  padding: 0 0 0 20px;
  margin: 20px 0 20px 0;
  display: block;
  position: relative;
}
.clmArea01 .content .t4_02::before {
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) translateX(0%);
  background: #ffa0aa;
}
.clmArea01 .content .faqArea {
  padding: 0;
  margin: 0 0 30px;
}
.clmArea01 .content .faqArea .ItemList .item .t {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  color: #22bdb1;
  font-weight: 600;
}
.clmArea01 .content .faqArea .ItemList .item .t::before {
  width: 25px;
  display: block;
  content: "Ｑ．";
}
.clmArea01 .content .faqArea .ItemList .item .c {
  margin-top: 15px;
  padding-left: 25px;
  display: block;
  position: relative;
}
.clmArea01 .content .faqArea .ItemList .item .c::before {
  width: 25px;
  display: block;
  content: "Ａ．";
  position: absolute;
  top: 0;
  left: 0;
}
.clmArea01 .content .faqArea.ptn02 { /* カラコン */ }
.clmArea01 .content .faqArea.ptn02 .ItemList .item .t {
  color: #db748b;
}
.clmArea01 .content {
  /* 本文の装飾 */
  /* 目次 */
  /* ページ内ナビげーション */
  /* フォントサイズ */
  /* width-xx% */
  /* max-width */
  /* border-radius */
  /* padding */
  /* margin */
}
.clmArea01 .content .oshirase,
.clmArea01 .content .mokuji { /* ptn01 */
  padding: 13px;
  margin: 20px 0;
  position: relative;
  border: 2px solid #e1e1e1;
}
.clmArea01 .content .oshirase .mokujiTitle,
.clmArea01 .content .mokuji .mokujiTitle {
  padding: 13px 0 20px;
  margin: 0 0;
  display: flex;
  line-height: 1;
  font-size: 1rem;
  border-bottom: 1px solid #e1e1e1;
}
.clmArea01 .content .oshirase > .openBtn,
.clmArea01 .content .mokuji > .openBtn {
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  position: absolute;
  top: 23px;
  right: 13px;
  background: #595553;
}
.clmArea01 .content .oshirase > .openBtn::before,
.clmArea01 .content .mokuji > .openBtn::before {
  width: 100%;
  content: "とじる";
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 0.6875rem;
}
.clmArea01 .content .oshirase > .openBtn.active::before,
.clmArea01 .content .mokuji > .openBtn.active::before {
  content: "目次をみる";
}
.clmArea01 .content .oshirase > .openBtn.active ~ .mokujiBox,
.clmArea01 .content .mokuji > .openBtn.active ~ .mokujiBox {
  height: 0;
  overflow: hidden;
}
.clmArea01 .content .oshirase > .openBtn:hover,
.clmArea01 .content .mokuji > .openBtn:hover {
  opacity: 1;
}
.clmArea01 .content .oshirase .itemList,
.clmArea01 .content .mokuji .itemList {
  margin: 16px 0;
  font-size: 0.876rem;
}
.clmArea01 .content .oshirase .itemList a,
.clmArea01 .content .mokuji .itemList a {
  display: flex;
  margin: 8px 0;
  line-height: 1.5;
  color: #595553;
}
.clmArea01 .content .oshirase .itemList > .item,
.clmArea01 .content .mokuji .itemList > .item {
  padding: 0 0 0 20px;
  position: relative;
}
.clmArea01 .content .oshirase .itemList > .item::before,
.clmArea01 .content .mokuji .itemList > .item::before {
  width: 6px;
  min-width: 6px;
  height: 6px;
  margin: auto;
  content: "";
  display: flex;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 3px;
  background: #9ad9d4;
}
.clmArea01 .content .oshirase .itemList > .item > .t,
.clmArea01 .content .mokuji .itemList > .item > .t {
  font-weight: 600;
}
.clmArea01 .content .oshirase .itemList > .item .item_child .t,
.clmArea01 .content .mokuji .itemList > .item .item_child .t {
  font-weight: normal;
}
.clmArea01 .content .oshirase .itemList > .item .item_child .t:before,
.clmArea01 .content .mokuji .itemList > .item .item_child .t:before {
  padding: 0 3px 0 0;
  content: "-";
  display: inline-block;
}
.clmArea01 .content .oshirase.ptn03,
.clmArea01 .content .mokuji.ptn03 { /* ptn03 */
  padding: 0;
  margin: 20px 0;
  position: relative;
  border-radius: 5px;
  border: 2px solid #f5e0e4;
  /* お知らせは上書き */
}
.clmArea01 .content .oshirase.ptn03 .oshiraseTitle,
.clmArea01 .content .oshirase.ptn03 .mokujiTitle,
.clmArea01 .content .mokuji.ptn03 .oshiraseTitle,
.clmArea01 .content .mokuji.ptn03 .mokujiTitle {
  padding: 13px 3px 13px 11px;
  margin: 0 0;
  display: flex;
  line-height: 1;
  font-size: 0.75rem;
  color: #db748b;
  border-bottom: 1px solid #f5e0e4;
  background: #f5e0e4;
}
.clmArea01 .content .oshirase.ptn03 > .openBtn,
.clmArea01 .content .mokuji.ptn03 > .openBtn {
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  top: 7px;
  right: 13px;
  background: #db748b;
}
.clmArea01 .content .oshirase.ptn03 > .openBtn::before,
.clmArea01 .content .mokuji.ptn03 > .openBtn::before {
  width: 100%;
  content: "とじる";
  display: block;
  line-height: 1;
  color: #fff;
  font-size: 0.6875rem;
}
.clmArea01 .content .oshirase.ptn03 > .openBtn.active::before,
.clmArea01 .content .mokuji.ptn03 > .openBtn.active::before {
  content: "目次をみる";
}
.clmArea01 .content .oshirase.ptn03 > .openBtn.active ~ .mokujiBox,
.clmArea01 .content .mokuji.ptn03 > .openBtn.active ~ .mokujiBox {
  height: 0;
  overflow: hidden;
}
.clmArea01 .content .oshirase.ptn03 > .openBtn:hover,
.clmArea01 .content .mokuji.ptn03 > .openBtn:hover {
  opacity: 1;
}
.clmArea01 .content .oshirase.ptn03 .itemList,
.clmArea01 .content .mokuji.ptn03 .itemList {
  margin: 10px 11px;
  font-size: 0.876rem;
}
.clmArea01 .content .oshirase.ptn03 .itemList a,
.clmArea01 .content .mokuji.ptn03 .itemList a {
  display: flex;
  margin: 8px 0;
  line-height: 1.5;
  color: #595553;
}
.clmArea01 .content .oshirase.ptn03 .itemList > .item,
.clmArea01 .content .mokuji.ptn03 .itemList > .item {
  padding: 0 0 0 20px;
  letter-spacing: 0.05em;
  position: relative;
}
.clmArea01 .content .oshirase.ptn03 .itemList > .item::before,
.clmArea01 .content .mokuji.ptn03 .itemList > .item::before {
  width: 6px;
  min-width: 6px;
  height: 6px;
  margin: auto;
  content: "";
  display: flex;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 3px;
  background: #ff7282;
}
.clmArea01 .content .oshirase.ptn03 .itemList > .item > .t,
.clmArea01 .content .mokuji.ptn03 .itemList > .item > .t {
  margin: 0 0 5px;
  font-weight: normal;
}
.clmArea01 .content .oshirase.ptn03 .itemList > .item .item_child,
.clmArea01 .content .mokuji.ptn03 .itemList > .item .item_child {
  font-size: 0.75rem;
  margin: -3px 0 5px;
}
.clmArea01 .content .oshirase.ptn03 .itemList > .item .item_child .t,
.clmArea01 .content .mokuji.ptn03 .itemList > .item .item_child .t {
  margin: 3px 0;
  font-weight: normal;
}
.clmArea01 .content .oshirase.ptn03 .itemList > .item .item_child .t:before,
.clmArea01 .content .mokuji.ptn03 .itemList > .item .item_child .t:before {
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 4px 5px 0;
  content: "";
  border-bottom: 2px solid #ebe1e3;
  border-left: 2px solid #ebe1e3;
  display: inline-block;
}
.clmArea01 .content .oshirase.ptn03.oshirase,
.clmArea01 .content .mokuji.ptn03.oshirase {
  border-color: #f5eff9;
}
.clmArea01 .content .oshirase.ptn03.oshirase .oshiraseTitle,
.clmArea01 .content .mokuji.ptn03.oshirase .oshiraseTitle {
  padding-bottom: 0;
  border: none;
  background: #fff;
}
.clmArea01 .content .oshirase.ptn03.oshirase .t,
.clmArea01 .content .mokuji.ptn03.oshirase .t {
  display: flex;
  align-items: center;
}
.clmArea01 .content .oshirase.ptn03.oshirase .t .icon,
.clmArea01 .content .mokuji.ptn03.oshirase .t .icon {
  width: 20px;
  height: 20px;
  font-size: 0.6875rem;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #858585;
  margin: 0 0 0 auto;
}
.clmArea01 .content .oshirase.ptn03.oshirase .itemList a,
.clmArea01 .content .oshirase.ptn03.oshirase .itemList .t,
.clmArea01 .content .mokuji.ptn03.oshirase .itemList a,
.clmArea01 .content .mokuji.ptn03.oshirase .itemList .t {
  color: #595553;
}
.clmArea01 .content .navLinkWrapper .ptn01 {
  padding: 13px;
  border-radius: 9px;
  background: #fbf2f3;
}
.clmArea01 .content .navLinks {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 13px;
}
@media screen and (max-width: 768px ) {
  .clmArea01 .content .navLinks {
    gap: 8px;
  }
}
.clmArea01 .content .navLinks .item {
  display: block;
}
.clmArea01 .content .navLinks .item > .inner {
  padding: 3px;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  color: #fff;
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.27);
  border-radius: 9px;
  background: #8e7070;
}
.clmArea01 .content .navLinks .item > .inner:hover {
  text-decoration: none;
}
.clmArea01 .content .navLinks .item .crown {
  margin: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
}
.clmArea01 .content .navLinks .item .crown img {
  max-width: 15px;
  margin: 0 0 0 -6px;
}
.clmArea01 .content .navLinks .item .c {
  width: 100%;
  overflow: hidden;
  line-height: 0;
}
.clmArea01 .content .navLinks .item .t {
  width: 90%;
  padding: 0 0;
  margin: 8px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6875rem;
  line-height: 1.3;
  font-weight: normal;
  letter-spacing: 0;
  color: #fff;
}
.clmArea01 .content .navLinks .item .navLinks_arrow {
  width: 100%;
  height: 20px;
  display: block;
  position: relative;
}
.clmArea01 .content .navLinks .item .navLinks_arrow:before, .clmArea01 .content .navLinks .item .navLinks_arrow:after {
  transform: scale(0.7);
  position: absolute;
  top: 5px;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}
.clmArea01 .content .navLinks .item .navLinks_arrow:before {
  border: 10px solid;
  border-color: transparent;
  border-top-color: #fff;
  margin-left: -10px;
}
.clmArea01 .content .navLinks .item .navLinks_arrow:after {
  border: 8px solid;
  border-color: transparent;
  border-top-color: #8e7070;
  margin-left: -8px;
}
.clmArea01 .content .center {
  text-align: center;
}
.clmArea01 .content .alignleft {
  text-align: left;
}
.clmArea01 .content .fontSize_l { /* フォントサイズ大 */
  font-size: 1.125rem;
}
.clmArea01 .content .fontSize_m { /* フォントサイズ中 */
  font-size: 1rem;
}
.clmArea01 .content .fontSize_s { /* フォントサイズ小 */
  font-size: 0.6875rem;
}
.clmArea01 .content .txtColorF { /* テキストカラー白 */
  color: #fff;
}
.clmArea01 .content .txtColor00 { /* テキストカラー00 */
  color: #595553;
}
.clmArea01 .content .txtColor01 { /* テキストカラー01 */
  color: #22bdb1;
}
.clmArea01 .content .txtColor02 { /* テキストカラー02 */
  color: #F5A8B8;
}
.clmArea01 .content .txtColor03 { /* テキストカラー03 */
  color: #db748b;
}
.clmArea01 .content .wakusen01 { /* 枠線01 */
  border: 2px solid #22bdb1; /* メイン色 */
}
.clmArea01 .content .borderColor01 {
  border-color: #f5e0e4;
}
.clmArea01 .content .borderColor02 {
  border-color: #fda4ad;
}
.clmArea01 .content .borderColor03 {
  border-color: #f5eff9; /* 薄紫　bg_border_violetと同じ */
}
.clmArea01 .content .borderNone { /* 枠線なし */
  border: none;
}
.clmArea01 .content .under01 { /* テキストライナー01 */
  background: linear-gradient(transparent 60%, #CBF0ED 40%); /* 薄グリーン */
  padding: 0 2px 2px !important;
}
.clmArea01 .content .under02 { /* テキストライナー02 */
  background: linear-gradient(transparent 60%, #fcffcf 40%); /* 薄イエロー */
  padding: 0 2px 2px !important;
}
.clmArea01 .content .under03 { /* テキストライナー03 */
  background: linear-gradient(transparent 60%, #ffeff2 40%); /* 薄イエロー */
  padding: 0 2px 2px !important;
}
.clmArea01 .content .bg01 { /* 背景色01 */
  background: #feffe9; /* 薄イエロー */
}
.clmArea01 .content .bg02 { /* 背景色02 */
  background: #fff; /* 白 */
}
.clmArea01 .content .bg03 {
  background: #ffeff2; /* 薄ピンク */
}
.clmArea01 .content .bg04 {
  background: #f5f2f7; /* 薄紫　bg_border_violetと同じ */
}
.clmArea01 .content .bg05 {
  background: #F2F6F6;
}
.clmArea01 .content .bg06 {
  background: #8e7071;
}
.clmArea01 .content .bgNone { /* 背景なし */
  background: none;
}
.clmArea01 .content .waaisen01 { /* ワーイ線01 */
  padding: 0 2px;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-weight: 600;
  text-align: center;
}
.clmArea01 .content .waaisen01::before {
  content: "";
  display: inline-block;
  height: 1px;
  width: 14px;
  margin: 0 0 0 0;
  transform: rotate(61deg);
  transform-origin: center center 0;
  background-color: #595553;
}
.clmArea01 .content .waaisen01::after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 14px;
  line-height: 0;
  margin: 0 0 0 -1px;
  transform: rotate(120deg);
  transform-origin: center center 0;
  background-color: #595553;
}
.clmArea01 .content .waaisen01.waaisen_pink { /* ワーイ線の色がピンク */ }
.clmArea01 .content .waaisen01.waaisen_pink::before, .clmArea01 .content .waaisen01.waaisen_pink::after {
  background-color: #db748b;
}
.clmArea01 .content .waaisen01.waaisen_silchika { /* ワーイ線の色がシルチカブルー */ }
.clmArea01 .content .waaisen01.waaisen_silchika::before, .clmArea01 .content .waaisen01.waaisen_silchika::after {
  background-color: #22bdb1;
}
.clmArea01 .content .width_50per {
  width: 50%;
}
.clmArea01 .content .width_60per {
  width: 60%;
}
.clmArea01 .content .width_70per {
  width: 70%;
}
.clmArea01 .content .width_80per {
  width: 80%;
}
.clmArea01 .content .width_90per {
  width: 90%;
}
.clmArea01 .content .max_width_50px {
  max-width: 50px;
}
.clmArea01 .content .max_width_350px {
  max-width: 350px;
}
.clmArea01 .content .max_width_400px {
  max-width: 400px;
}
.clmArea01 .content .max_width_450px {
  max-width: 450px;
}
.clmArea01 .content .max_width_500px {
  max-width: 500px;
}
.clmArea01 .content .radius_5px {
  border-radius: 5px;
}
.clmArea01 .content .radius_25px {
  border-radius: 25px;
}
.clmArea01 .content .padding_h_v_3per { /* padding3% */
  padding: 3%;
}
.clmArea01 .content .padding_h_v_5per { /* padding5% */
  padding: 5%;
}
.clmArea01 .content .padding_horizontal_3per { /* 左右にpadding3% */
  padding-right: 3%;
  padding-left: 3%;
}
.clmArea01 .content .padding_horizontal_5per { /* 左右にpadding5% */
  padding-right: 5%;
  padding-left: 5%;
}
.clmArea01 .content .padding_vertical_1px { /* 上下にpadding1px ※marginの相殺を防止する */
  padding-top: 1px;
  padding-bottom: 1px;
}
.clmArea01 .content .padding_13px_0 { /* 左右にpadding13px */
  padding-top: 13px;
  padding-bottom: 13px;
}
.clmArea01 .content .padding_0_13px { /* 上下にpadding13px */
  padding-right: 13px;
  padding-left: 13px;
}
.clmArea01 .content .padding_0_0 {
  padding: 0;
}
.clmArea01 .content .margin_auto { /* 中央寄せマージン */
  margin: auto;
}
.clmArea01 .content .margin_top_auto { /* 前マージンをauto */
  margin: auto 0 0;
}
.clmArea01 .content .margin_5_auto { /* 前後マージン */
  margin: 5px auto;
}
.clmArea01 .content .margin_13_auto { /* 前後マージン */
  margin: 13px auto;
}
.clmArea01 .content .margin_13_0 { /* 前後マージン */
  margin: 13px 0;
}
.clmArea01 .content .margin_0_auto { /* 中央寄せマージン */
  margin: 0 auto;
}
.clmArea01 .content .margin_top_0 { /* 前マージン 0 */
  margin-top: 0;
}
.clmArea01 .content .margin_top_1per {
  margin-top: 1%;
}
.clmArea01 .content .margin_top_2per {
  margin-top: 2%;
}
.clmArea01 .content .margin_top_3per {
  margin-top: 3%;
}
.clmArea01 .content .margin_top_4per {
  margin-top: 4%;
}
.clmArea01 .content .margin_top_5per {
  margin-top: 5%;
}
.clmArea01 .content .margin_top_6per {
  margin-top: 6%;
}
.clmArea01 .content .margin_top_7per {
  margin-top: 7%;
}
.clmArea01 .content .margin_top_8per {
  margin-top: 8%;
}
.clmArea01 .content .margin_top_9per {
  margin-top: 9%;
}
.clmArea01 .content .margin_top_10per {
  margin-top: 10%;
}
.clmArea01 .content .margin_bottom_0 { /* 後マージン 0 */
  margin-bottom: 0;
}
.clmArea01 .content .margin_bottom_1per {
  margin-bottom: 1%;
}
.clmArea01 .content .margin_bottom_2per {
  margin-bottom: 2%;
}
.clmArea01 .content .margin_bottom_3per {
  margin-bottom: 3%;
}
.clmArea01 .content .margin_bottom_4per {
  margin-bottom: 4%;
}
.clmArea01 .content .margin_bottom_5per {
  margin-bottom: 5%;
}
.clmArea01 .content .margin_bottom_6per {
  margin-bottom: 6%;
}
.clmArea01 .content .margin_bottom_7per {
  margin-bottom: 7%;
}
.clmArea01 .content .margin_bottom_8per {
  margin-bottom: 8%;
}
.clmArea01 .content .margin_bottom_9per {
  margin-bottom: 9%;
}
.clmArea01 .content .margin_bottom_10per {
  margin-bottom: 10%;
}
.clmArea01 .content .margin_0_0 { /* マージン 0 */
  margin: 0;
}

/* ステマ規制対応テキスト */
.disclaimer {
  max-width: 980px;
  padding: 1% 0;
  margin: 13px auto;
  font-size: min(10px + 6 * (100vw - 320px) / 448, 12px);
  background: #fff;
}
@media screen and (max-width: 980px ) {
  .disclaimer {
    transform: scale(0.9);
    white-space: nowrap;
    padding: 0;
    margin-right: 0;
    margin-left: -10px;
  }
}

@media screen and (max-width: 980px ) {
  .disclaimer {
    margin-left: -20px;
  }
}

/* root　トップページの要素はここに書く
---------------------------------------------- */
.root .key { /* キービジュアル */
  font-family: "Yu Gothic", YuGothic, "Meiryo", sans-serif;
  width: 100%;
  overflow: hidden;
}
.root .key > .inner {
  position: relative;
}
@keyframes fadeInUp { /* ふわっと現れる演出 */
  from {
    opacity: 0;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.root .key .bgImgBoxWrap {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: inherit;
  left: inherit;
  animation-name: fadeInUp;
  animation-duration: 3s;
  animation-fill-mode: both;
}
.root .key .bgImgBoxWrap .bgImgBox {
  height: 100%;
}
.root .key .bgImgBoxWrap .bgImgBox .slick-list {
  height: 100%;
}
.root .key .bgImgBoxWrap .bgImgBox .slick-list .slick-track {
  height: 100%;
}
.root .key .bgImgBoxWrap .bgImgBox .slick-list .slick-track .slick-slide > div {
  height: 100%;
}
.root .key .bgImgBoxWrap .bgImgBox .slick-list .slick-track .slick-slide > div > div {
  height: 100%;
}
.root .key .bgImgBoxWrap .bgImgBox img {
  max-width: inherit;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1920/520;
}
.root .key .bgImgBoxWrap .bgImgBox::after {
  opacity: 0.1;
  width: 100%;
  height: 100%;
  display: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #22bdb1;
}
.root .key .bgImgBoxWrap .bgImgBox.sp {
  display: none;
}
.root .key .contentbox {
  max-width: 980px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #595553;
  line-height: 1;
  font-weight: 600;
}
.root .key .contentbox .ol {
  color: #F7701F;
}
.root .key .contentbox .imgBox {
  width: 255px;
  margin: 75px 0 0;
}
.root .key .contentbox .bigTxt {
  margin: 27px 0 35px;
  font-size: 2.5rem;
  line-height: 1.3;
  text-align: center;
}
.root .key .contentbox .bigTxt .rub {
  color: #F7701F;
  display: inline-block;
  position: relative;
}
.root .key .contentbox .bigTxt .rub::before {
  width: 100%;
  height: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "・・・";
  line-height: 0;
}
.root .key .contentbox .midTxt {
  margin: 0 0 84px;
  font-size: 1.5rem;
}
.root .key .contentbox .koshin {
  margin: 0 0 84px;
  color: #595553;
  letter-spacing: 0.1rem;
  justify-content: center;
  align-items: center;
  font-size: 0.8125rem;
}
.root .key .contentbox .koshin .t {
  padding: 2px 0 0;
}
.root .key .contentbox .koshin .icon {
  font-size: 1.1rem;
  color: #22bdb1;
}
@media screen and (max-width: 768px ) {
  .root .key { /* キービジュアル */ }
  .root .key .bgImgBoxWrap .bgImgBox {
    height: auto;
    max-height: 260px;
    overflow: hidden;
  }
  .root .key .bgImgBoxWrap .bgImgBox.pc {
    display: none;
  }
  .root .key .bgImgBoxWrap .bgImgBox.sp {
    display: block;
  }
  .root .key .bgImgBoxWrap .bgImgBox img {
    opacity: 0.8;
    aspect-ratio: auto;
  }
  .root .key .contentbox .imgBox {
    width: 145px;
    margin: 30px 0 0;
  }
  .root .key .contentbox .bigTxt {
    margin: 15px 0 15px;
    font-size: 1.375rem;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align: center;
  }
  .root .key .contentbox .midTxt {
    margin: 0 0 35px;
    font-size: 0.876rem;
    text-align: center;
    line-height: 1.5;
  }
  .root .key .contentbox .koshin {
    margin: 0 0 25px;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 650px ) {
  .root .key .contentbox .imgBox {
    width: 130px;
    margin: 30px 0 0;
  }
  .root .key .contentbox .bigTxt {
    margin: 10px 0 10px;
    font-size: 1.25rem;
    line-height: 1.3;
  }
  .root .key .contentbox .midTxt {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 445px ) {
  .root .key .contentbox .imgBox {
    margin: 20px 0 0;
  }
  .root .key .contentbox .midTxt {
    margin-bottom: 10px;
  }
}
.root .seo_contents { /* SEOテキスト */
  max-width: inherit;
  padding-bottom: 0;
  margin: 0;
  background: #f9f9f9;
}
.root .seo_contents .seo_contentsTxtArea {
  max-width: 650px;
  padding-top: 0;
  margin: 0 auto;
}
.root .seo_contents .seo_contentsTxtArea .content {
  text-align: justify; /* ※均等割り(行末空白無し) */
  /* 装飾 */
}
.root .seo_contents .seo_contentsTxtArea .content > .item {
  padding: clamp(10px, 4.5vw, 30px);
  margin: 0 auto;
  margin-bottom: clamp(10px, 4.5vw, 70px);
  border-radius: 25px;
  background: #fff;
}
.root .seo_contents .seo_contentsTxtArea .content .readBox {
  color: #595553;
}
.root .seo_contents .seo_contentsTxtArea .content .q_Title {
  display: flex;
  align-items: center;
  color: #22bdb1;
  font-weight: 600;
}
.root .seo_contents .seo_contentsTxtArea .content .smallTxt {
  color: #595553;
  font-size: 10px;
}
.root .seo_contents .seo_contentsTxtArea .content .colored {
  color: #22bdb1;
}
.root .seo_contents .seo_contentsTxtArea .content ._alingRight {
  text-align: right;
}
.root .seo_contents .seo_contentsTxtArea .content ._h {
  margin-bottom: 8px;
}
.root .seo_contents .seo_contentsTxtArea .content ._h + p { /* hタグに隣接するpの上部のアキ */
  margin-top: 0;
}
.root .seo_contents .seo_contentsTxtArea .content ._vertical-align_top { /* 文章量が多い表は調整 */ }
.root .seo_contents .seo_contentsTxtArea .content ._vertical-align_top .c {
  vertical-align: top;
}
.root .seo_contents .seo_contentsTxtArea .content ._vertical-align_top .c p {
  margin: 10px 0;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo01 {
  overflow-x: visible;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo01 > .inner {
  border-bottom: none;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo01 .thead {
  text-align: center;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo01 .t {
  width: 35%;
  font-size: 0.6875rem;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo01 .c {
  width: 65%;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo02 > .inner {
  border-bottom: none;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo02 .t {
  width: 50%;
  font-size: 0.6875rem;
}
.root .seo_contents .seo_contentsTxtArea .content ._rootSeo02 .c {
  width: 50%;
}
@media screen and (max-width: 768px ) {
  .root .seo_contents { /* SEOテキスト */ }
  .root .seo_contents > .inner {
    margin-right: 0;
    margin-left: 0;
  }
  .root .seo_contents .seo_contentsTxtArea {
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
  }
  .root .seo_contents .seo_contentsTxtArea .content > .item {
    padding: clamp(10px, 4.5vw, 30px) 13px;
    border-radius: 0;
  }
}

/* コラム一覧 */
.columns.index .itemList01 .item .txtBox .tagList01 .item {
  width: inherit;
}

/* マイページ・お気に入り用ナビを共通用で上書き */
#mypage .header .tab_area {
  gap: 2px;
}
@media screen and (max-width: 768px ) {
  #mypage .header .tab_area {
    gap: 6px 5px;
  }
}
#mypage .header .tab_area .list {
  color: #595553;
  border-bottom: 2px solid #F9F9F9;
  background-color: #fff;
}
@media screen and (max-width: 768px ) {
  #mypage .header .tab_area .list {
    border: 1px solid #C8C8C8;
  }
}

/* マイリストを更に上書き */
.mylist #mypage .header .tab_area .list.active {
  color: #22bdb1;
}

/* .cateList01
---------------------------------------------- */
.cateList01 { /* 複数カテゴリ羅列1 */ }
.cateList01 .catList > .inner {
  justify-content: center;
}
.cateList01 .catList .item {
  width: 33.3333333333%;
  max-width: 320px;
  margin: 0;
  overflow: hidden;
  color: #595553;
  border-bottom: 1px solid #595553;
  border-right: 1px solid #595553;
}
.cateList01 .catList .item:hover {
  border-color: #22bdb1 !important;
}
.cateList01 .catList .item > .inner {
  padding: 60px 0 0;
  color: #595553;
  position: relative;
  flex-direction: column;
  align-items: center;
  object-fit: cover;
  aspect-ratio: 1.05/1;
  background: #fff;
}
.cateList01 .catList .item > .inner:hover {
  border-color: #22bdb1 !important;
  background: #22bdb1 !important;
  color: #fff;
}
.cateList01 .catList .item .imgBox {
  width: 90px;
  height: 90px;
  margin: 0 auto;
  background-image: url(/aga/images/common/header_icon01.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.cateList01 .catList .item .t {
  margin: 26px 0;
  font-size: 1.125rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cateList01 .catList .item .t .icon {
  width: 12px;
  padding: 0 0 0 8px;
  font-size: 0.9rem;
}
.cateList01 .catList .item.contact {
  border-top: 1px solid #595553;
  border-left: 1px solid #595553;
  border-radius: 25px 0 0 0;
}
.cateList01 .catList .item.contact .imgBox {
  background-image: url(/aga/images/common/header_icon01.svg);
}
.cateList01 .catList .item.contact .inner:hover .imgBox {
  background-image: url(/aga/images/common/header_icon01_w.svg);
}
.cateList01 .catList .item.colorlens {
  border-top: 1px solid #595553;
}
.cateList01 .catList .item.colorlens .imgBox {
  background-image: url(/aga/images/common/header_icon02.svg);
}
.cateList01 .catList .item.colorlens .inner:hover .imgBox {
  background-image: url(/aga/images/common/header_icon02_w.svg);
}
.cateList01 .catList .item.facial_f { /* 女性 */
  border-left: 1px solid #595553;
  border-radius: 0 0 0 25px;
}
.cateList01 .catList .item.facial_f .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img03.svg);
}
.cateList01 .catList .item.facial_f .inner:hover .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img03_w.svg);
}
.cateList01 .catList .item.facial { /* 男性 */ }
.cateList01 .catList .item.facial .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img04.svg);
}
.cateList01 .catList .item.facial .inner:hover .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img04_w.svg);
}
.cateList01 .catList .item.aga { /* AGA */
  border-radius: 0 0 25px 0;
}
.cateList01 .catList .item.aga .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img05.svg);
}
.cateList01 .catList .item.aga .inner:hover .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img05_w.svg);
}
.cateList01 .catList .item.cosmetic { /* コスメ */
  border-radius: 0 25px 0 0;
  border-top: 1px solid #595553;
}
.cateList01 .catList .item.cosmetic .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img06.svg);
}
.cateList01 .catList .item > .inner:hover .imgBox {
  background-image: url(/aga/images/common/icon_cateList01_img06_w.svg);
}

@media screen and (max-width: 768px ) {
  .cateList01 { /* 複数カテゴリ羅列1 */ }
  .cateList01 > .inner {
    max-width: 240px;
    margin: 0 auto;
  }
  .cateList01 .catList {
    padding: 0 13px;
  }
  .cateList01 .catList .item {
    width: 50%;
    max-width: 120px;
    margin: 0;
  }
  .cateList01 .catList .item > .inner {
    padding: 0 0;
  }
  .cateList01 .catList .item .imgBox {
    width: 40px;
    height: 40px;
    min-height: 40px;
    margin: 20px auto 2px;
  }
  .cateList01 .catList .item .t {
    margin: 5px 0 auto 0;
    font-size: 0.6875rem;
  }
  .cateList01 .catList .item .t .icon {
    font-size: 0.65rem;
    padding: 0 0 0 3px;
    margin: 0 -3px 0 0;
  }
  .cateList01 .catList .item.colorlens {
    border-radius: 0 25px 0 0;
  }
  .cateList01 .catList .item.cosmetic { /* コスメ */
    border-radius: 0 0 0 0;
    border-left: 1px solid #595553;
    border-top: none;
  }
  .cateList01 .catList .item.facial_f { /* 女性 */
    border-top: none;
    border-left: none;
    border-radius: 0 0;
  }
  .cateList01 .catList .item.facial { /* 男性 */
    border-radius: 0 0 0 25px;
    border-left: 1px solid #595553;
  }
  .cateList01 .catList .item.aga { /* AGA */
    border-left: none;
    border-radius: 0 0 25px 0;
  }
}
/* adSenseArea
-------------------------------------------------------------- */
.adSenseArea {
  text-align: center;
}

/* .footer
---------------------------------------------- */
.footer {
  position: relative;
  color: #fff;
  background: #353f3d;
}
.footer > .inner {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.footer a {
  color: #fff;
}
.footer .footLogoBox {
  width: 100%;
  max-width: 160px;
  min-width: 160px;
  flex-direction: column;
}
.footer .footLogoBox .logoImgBox {
  margin: 50px 0 0;
  display: flex;
  flex-direction: column;
}
.footer .footLogoBox .logoImgBox img {
  width: 100%;
}
.footer .copyRight {
  padding: 0 0 0;
  margin: 0 0 0 auto;
  font-size: 0.75rem;
  line-height: 1;
  display: block;
  white-space: nowrap;
  letter-spacing: 0.05em;
}
.footer .footNav {
  width: 100%;
  padding: 60px 0 30px 60px;
  position: relative;
}
.footer .footNav > .inner {
  width: 100%;
  position: relative;
}
.footer .footNav .footNavBox {
  margin: 20px 0;
}
.footer .footNav .footNavBox .item {
  padding: 0 0;
  margin: 0 15px 13px 0;
  line-height: 1.3;
  font-size: 0.8125rem;
  display: flex;
  color: #d9d9d9;
  align-items: center;
}
.footer .footNav .footNavBox .item .icon {
  padding: 0 0 0 3px;
}
.footer .footNav .footNavBox .title {
  font-size: 1rem;
  display: inline-block;
  color: #fff;
}
.footer .footNav .footNavBox .okini, .footer .footNav .footNavBox .beginner {
  padding: 5px 13px;
  font-size: 1rem;
  color: #fff;
  border-radius: 9px;
  border: 1px solid #fff;
}
.footer .footNav .footNavBox .okini span, .footer .footNav .footNavBox .beginner span {
  font-size: 1.3rem;
}
.footer .footNav .footNavBox .last {
  margin-right: 0;
}
.footer .footNav .pointBox {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.footer .footNav .topBox {
  margin: 0 0 20px;
}
.footer .footNav .middleBox {
  width: 100%;
  margin: 0 0 20px;
}
.footer .footNav .btmBox {
  width: 100%;
  padding: 20px 0 0;
  margin: 20px 0 20px;
  border-top: 1px solid #a7a7a7;
}
.footer .footNav .footNavRight {
  width: 160px;
  position: absolute;
  top: 0;
  right: 0;
}
.footer .social_box {
  width: 100%;
  max-width: 160px;
  margin: 20px 0 0;
  justify-content: space-between;
}
.footer .social_box .imgBox {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .social_box .imgBox .img {
  width: 100%;
}

@media screen and (max-width: 980px ) {
  .footer {
    padding-right: 13px;
    padding-left: 13px;
  }
}
@media screen and (max-width: 768px ) {
  .footer > .inner {
    flex-direction: column;
  }
  .footer .footLogoBox {
    margin: 0 auto;
  }
  .footer .copyRight {
    width: 100%;
    padding: 20px 0 30px;
    text-align: center;
  }
  .footer .footNav {
    padding: 0;
    margin: 0;
  }
  .footer .footNav .pointBox {
    margin: 30px auto;
    position: static;
  }
  .footer .footNav .middleBox {
    padding: 0 0;
  }
  .footer .footNav .topBox {
    width: 100%;
    padding: 0 0;
  }
  .footer .footNav .btmBox {
    padding: 20px 0 0;
    justify-content: center;
  }
  .footer .footNav .btmBox .item {
    font-size: 0.6875rem;
  }
}