@charset "UTF-8";

/*======================
  PC
 =====================*/
html[data-browse-mode="P"] #kafun23 {
  color: #124e71;
  font-size: 20px;
  line-height: 1.5;
  font-family: YuMincho, 'Yu Mincho', serif;
}
html[data-browse-mode="P"] #kafun23 a {
  color: #124e71;
}
html[data-browse-mode="P"] #kafun23 .inner {
  width: 1200px;
  margin: 0 auto;
}
html[data-browse-mode="P"] #kafun23 .mv {
  text-align: center;
  padding: 100px 0 60px;
  background: url(../../img/usr/event/kafun23/bg_mv.jpg) no-repeat center / cover;
}
html[data-browse-mode="P"] #kafun23 h1 {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 h1 img {
  width: 1070px;
}
html[data-browse-mode="P"] #kafun23 .term {
  padding: 50px 0 90px;
  text-align: center;
}
html[data-browse-mode="P"] #kafun23 .term img {
  width: 1200px;
}
html[data-browse-mode="P"] #kafun23 .message {
  line-height: 2;
  text-align: center;
  margin: 0 0 100px;
}
html[data-browse-mode="P"] #kafun23 .mask-present {
  margin: 0 0 120px;
}
html[data-browse-mode="P"] #kafun23 .mask-present h2 {
  margin: 0 0 65px;
}
html[data-browse-mode="P"] #kafun23 .mask-present .text {
  text-align: center;
  margin: 0 0 45px;
}
html[data-browse-mode="P"] #kafun23 .mask-present .text span {
  font-size: 12px;
  margin: 0 0 0 10px;
}
html[data-browse-mode="P"] #kafun23 .mask-present .feature {
  display: flex;
  justify-content: center;
  font-size: 20px;
  line-height: 2.3;
  margin: 0 0 60px;
}
html[data-browse-mode="P"] #kafun23 .mask-present ul {
  display: flex;
  justify-content: space-between;
  width: 800px;
  margin: 0 auto 90px;
}
html[data-browse-mode="P"] #kafun23 .mask-present li {
  width: 290px;
  text-align: center;
}
html[data-browse-mode="P"] #kafun23 .mask-present li a {
  text-decoration: underline;
}
html[data-browse-mode="P"] #kafun23 .mask-present li a:hover {
  text-decoration: none;
}
html[data-browse-mode="P"] #kafun23 .mask-present li figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 290px;
  height: 250px;
  margin: 0 0 25px;
}
html[data-browse-mode="P"] #kafun23 .mask-present li:nth-child(1) img {
  width: 110px;
}
html[data-browse-mode="P"] #kafun23 .mask-present li:nth-child(2) img {
  width: 132px;
}
html[data-browse-mode="P"] #kafun23 .mask-present .btn {
  display: block;
  width: 250px;
  margin: 0 auto 100px;
  padding: 17px 0;
  background: #a0e0f2;
  text-align: center;
  text-decoration: underline;
}
html[data-browse-mode="P"] #kafun23 .mask-present .btn:hover {
  text-decoration: none;
}
html[data-browse-mode="P"] #kafun23 .aroma {
  margin: 0 0 180px;
}
html[data-browse-mode="P"] #kafun23 .aroma .intro {
  line-height: 2;
  padding: 120px 0 150px;
  background: url(../../img/usr/event/kafun23/bg_intro.jpg) no-repeat center / cover;
}
html[data-browse-mode="P"] #kafun23 .aroma .intro .inner {
  width: 1030px;
}
html[data-browse-mode="P"] #kafun23 .aroma .text p:not(:last-child) {
  margin: 0 0 30px;
}
html[data-browse-mode="P"] #kafun23 .aroma .refresh {
  background: #a9e9fb;
  padding: 0 0 0 22px;
}
html[data-browse-mode="P"] #kafun23 .aroma .refresh .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
  height: 50vw;
  padding: 0 0 0 15vw;
  background: #fff url(../../img/usr/event/kafun23/bg_aroma.jpg) no-repeat right top / 81%;
}
html[data-browse-mode="P"] #kafun23 .aroma .refresh h2 {
  margin: 0 0 84px;
}
html[data-browse-mode="P"] #kafun23 .aroma .refresh h2 img {
  width: 324px;
}
html[data-browse-mode="P"] #kafun23 .aroma .refresh .text {
  line-height: 1.8;
}
html[data-browse-mode="P"] #kafun23 .aroma .item {
  position: relative;
  padding: 80px 0 0;
  margin: 0 0 115px;
  z-index: 1;
}
html[data-browse-mode="P"] #kafun23 .aroma .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 390px;
  background: #a9e9fb;
  z-index: -1;
}
html[data-browse-mode="P"] #kafun23 .aroma .item h3 {
  line-height: 0;
  text-align: right;
  margin: 0 0 60px;
}
html[data-browse-mode="P"] #kafun23 .aroma .item h3 img {
  width: 340px;
}
html[data-browse-mode="P"] #kafun23 .aroma .item ul {
  display: flex;
  justify-content: space-between;
}
html[data-browse-mode="P"] #kafun23 .aroma .item li {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 340px;
}
html[data-browse-mode="P"] #kafun23 .aroma .item li figure {
  line-height: 0;
  margin: 0 0 35px;
}
html[data-browse-mode="P"] #kafun23 .aroma .item li h4 {
  font-weight: bold;
  margin: 0 0 25px;
}
html[data-browse-mode="P"] #kafun23 .aroma .item li p {
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 30px;
}
html[data-browse-mode="P"] #kafun23 .aroma .item li .btn {
  display: block;
  margin: auto 10px 0;
  background: #a9e9fb;
  text-align: center;
  border-radius: 30px;
  padding: 10px 0;
}
html[data-browse-mode="P"] #kafun23 .aroma .item li .btn:hover {
  opacity: .8;
}
html[data-browse-mode="P"] #kafun23 .aroma .column {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html[data-browse-mode="P"] #kafun23 .aroma .column .img {
  width: 50%;
}
html[data-browse-mode="P"] #kafun23 .aroma .column .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 0 7%;
}
html[data-browse-mode="P"] #kafun23 .aroma .column .text h3 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 40px;
}
html[data-browse-mode="P"] #kafun23 .slider {
  position: relative;
  line-height: 0;
  padding: 0 0 100px;
  margin: 0 0 180px;
  z-index: 1;
}
html[data-browse-mode="P"] #kafun23 .slider:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80%;
  height: 285px;
  background: #a9e9fb;
  z-index: -1;
}
html[data-browse-mode="P"] #kafun23 .slider .inner {
  position: relative;
}
html[data-browse-mode="P"] #kafun23 .slider .swiper-container,
html[data-browse-mode="P"] #kafun23 .slider .swiper-wrapper {
  position: static;
}
html[data-browse-mode="P"] #kafun23 .slider .swiper-button-prev {
  left: -100px;
  width: 74px;
  height: 74px;
  background: url(../../img/usr/event/kafun23/prev.png) no-repeat center / 100%;
}
html[data-browse-mode="P"] #kafun23 .slider .swiper-button-next {
  right: -100px;
  width: 74px;
  height: 74px;
  background: url(../../img/usr/event/kafun23/next.png) no-repeat center / 100%;
}
html[data-browse-mode="P"] #kafun23 .slider .swiper-button-prev:after,
html[data-browse-mode="P"] #kafun23 .slider .swiper-button-next:after {
  display: none;
}
html[data-browse-mode="P"] #kafun23 .breath {
  position: relative;
  margin: 0 0 130px;
  background: url(../../img/usr/event/kafun23/bg_breath.png) no-repeat left top 170px / 100%;
}
html[data-browse-mode="P"] #kafun23 .breath:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: calc((100% - 1200px) / 2);
  height: 124px;
  background: #00d7b5;
}
html[data-browse-mode="P"] #kafun23 .breath h2 {
  width: 1000px;
  background: #00d7b5;
  margin: 0 0 100px;
  padding: 45px 0 45px 60px;
  border-left: 16px solid #414c6a;
  line-height: 0;
}
html[data-browse-mode="P"] #kafun23 .breath h2 img {
  width: 348px;
}
html[data-browse-mode="P"] #kafun23 .breath .item {
  padding: 0 40px;
  margin: 0 0 100px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li {
  display: flex;
  align-items: center;
  margin: 0 0 85px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li:nth-child(2) {
  flex-direction: row-reverse;
}
html[data-browse-mode="P"] #kafun23 .breath .item li:last-child {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 .breath .item li figure {
  width: 350px;
  text-align: center;
  line-height: 0;
}
html[data-browse-mode="P"] #kafun23 .breath .item li:nth-child(1) img {
  width: 92px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li:nth-child(2) img {
  width: 290px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li:nth-child(3) img {
  width: 70px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info {
  width: 480px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li:nth-child(2) .info {
  width: 420px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info .headline {
  color: #cc9c2e;
  font-size: 17px;
  margin: 0 0 15px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info h3 {
  margin: 0 0 22px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 30px;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info .btn-area {
  display: flex;
  align-items: flex-end;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info .btn {
  display: block;
  background: #00d7b5;
  text-align: center;
  color: #fff;
  font-size: 18px;
  width: 315px;
  border-radius: 40px;
  padding: 18px 0;
}
html[data-browse-mode="P"] #kafun23 .breath .item li .info .price {
  color: #124e71;
  font-size: 12px;
  margin: 0 0 0 20px;
}
html[data-browse-mode="P"] #kafun23 .breath .present {
  position: relative;
  padding: 65px 0 45px;
  z-index: 1;
}
html[data-browse-mode="P"] #kafun23 .breath .present:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  background: #d9f9f4;
  z-index: -1;
}
html[data-browse-mode="P"] #kafun23 .breath .present .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
html[data-browse-mode="P"] #kafun23 .breath .present h3 {
  margin: 0 0 20px;
  line-height: 0;
  width: 100%;
}
html[data-browse-mode="P"] #kafun23 .breath .present h3 img {
  width: 668px;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 600px;
  margin: 0 35px 0 0;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule img {
  width: 179px;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .text {
  font-size: 17px;
  line-height: 1.8;
  width: 420px;
  padding: 0 0 0 30px;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .text span {
  font-size: 12px;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .detail {
  width: 100%;
  font-size: 14px;
  line-height: 2.2;
  text-align: right;
  margin: 45px 0 0;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .detail .headline {
  color: #cc9c2e;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .detail ul {
  display: flex;
  justify-content: flex-end;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .detail li:not(:last-child) {
  margin: 0 25px 0 0;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .detail a,
html[data-browse-mode="P"] #kafun23 .breath .present .oil li a {
  text-decoration: underline;
}
html[data-browse-mode="P"] #kafun23 .breath .present .capsule .detail a:hover,
html[data-browse-mode="P"] #kafun23 .breath .present .oil li a:hover {
  text-decoration: none;
}
html[data-browse-mode="P"] #kafun23 .breath .present .oil {
  width: 530px;
}
html[data-browse-mode="P"] #kafun23 .breath .present .oil ul {
  margin: 25px 0 0;
}
html[data-browse-mode="P"] #kafun23 .breath .present .oil li {
  font-size: 14px;
  line-height: 2;
  text-align: right;
}
html[data-browse-mode="P"] #kafun23 .recommend {
  margin: 0 0 125px;
}
html[data-browse-mode="P"] #kafun23 .recommend h2 {
  line-height: 0;
  text-align: center;
  margin: 0 0 110px;
}
html[data-browse-mode="P"] #kafun23 .recommend h2 img {
  width: 542px;
}
html[data-browse-mode="P"] #kafun23 .recommend .inner {
  width: 1270px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-browse-mode="P"] #kafun23 .recommend .item {
  width: 590px;
  margin: 0 0 100px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item:nth-last-child(-n+2) {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 .recommend .item .headline {
  text-align: center;
  margin: 0 0 65px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item figure {
  line-height: 0;
  text-align: center;
  margin: 0 0 60px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item:nth-child(1) img {
  width: 617px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item:nth-child(2) img {
  width: 582px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item:nth-child(3) img {
  width: 587px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item:nth-child(4) img {
  width: 617px;
}
html[data-browse-mode="P"] #kafun23 .recommend .item li a {
  font-size: 15px;
  text-decoration: underline;
}
html[data-browse-mode="P"] #kafun23 .recommend .item li a:hover {
  text-decoration: none;
}
html[data-browse-mode="P"] #kafun23 .fresh {
  padding: 110px 0;
  background-color: #edfffb;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-size: 27px 27px;
}
html[data-browse-mode="P"] #kafun23 .fresh h2 {
  line-height: 0;
  text-align: center;
  margin: 0 0 80px;
}
html[data-browse-mode="P"] #kafun23 .fresh h2 img {
  width: 328px;
}
html[data-browse-mode="P"] #kafun23 .fresh .text {
  line-height: 2;
  text-align: center;
  margin: 0 0 65px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai {
  padding: 130px 0 55px;
  background: url(../../img/usr/event/kafun23/bg_fresh.jpg) no-repeat center top / cover;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 55px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li:last-child {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .img-area {
  width: 50%;
  text-align: center;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li:nth-child(1) .img-area img {
  width: 375px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li:nth-child(2) .img-area img {
  width: 249px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .img-area a {
  display: block;
  width: 315px;
  margin: 20px auto 0;
  padding: 17px 0;
  background: #53c385;
  border-radius: 40px;
  text-align: center;
  color: #fff;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .img-area a:hover {
  opacity: .8;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info {
  width: 50%;
  background: #fff;
  padding: 45px 30px 15px 65px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info .headline {
  font-size: 17px;
  margin: 0 0 10px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info .logo img {
  width: 301px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info .logo img:nth-child(1) {
  margin: 0 0 15px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info .name {
  color: #484343;
  font-size: 10px;
  margin: 3px 0 35px;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info .label,
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info dt {
  color: #484343;
  font-size: 10px;
  width: 100px;
  border: 1px solid #484343;
  text-align: center;
  padding: 3px 0;
  margin: 20px 0 0;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
html[data-browse-mode="P"] #kafun23 .fresh .ugai li .info dd {
  width: 385px;
  color: #484343;
  font-size: 10px;
  line-height: 1.8;
  font-feature-settings: 'palt';
  letter-spacing: .3px;
  margin: 22px 0 0;
}
html[data-browse-mode="P"] #kafun23 .mask {
  padding: 155px 0 0;
  margin: 0 0 65px;
  background: #dbf3ff;
}
html[data-browse-mode="P"] #kafun23 .mask .list {
  margin: 0 0 135px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .inner {
  display: flex;
  justify-content: space-between;
  width: 1300px;
}
html[data-browse-mode="P"] #kafun23 .mask .list h2 {
  line-height: 0;
  text-align: center;
  margin: 0 0 90px;
}
html[data-browse-mode="P"] #kafun23 .mask .list h2 img {
  width: 426px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .nav {
  width: 550px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .nav ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
html[data-browse-mode="P"] #kafun23 .mask .list .nav li:nth-child(1) {
  width: 31%;
}
html[data-browse-mode="P"] #kafun23 .mask .list .nav li:nth-child(2) {
  width: 33%;
}
html[data-browse-mode="P"] #kafun23 .mask .list .nav li:nth-child(3) {
  width: 26.5%;
}
html[data-browse-mode="P"] #kafun23 .mask .list .nav li a:hover {
  opacity: .8;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 700px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li {
  width: 48%;
  margin: 0 0 25px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-last-child(-n+2) {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li a {
  display: flex;
  text-decoration: underline;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li a:hover {
  text-decoration: none;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 136px;
  height: 100%;
  margin: 0 30px 0 0;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(1) img {
  width: 58px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(2) img {
  width: 136px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(3) img {
  width: 118px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(4) img {
  width: 109px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(5) img {
  width: 120px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(6) img {
  width: 110px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(7) img {
  width: 44px;
}
html[data-browse-mode="P"] #kafun23 .mask .list .item li:nth-child(8) img {
  width: 132px;
}
html[data-browse-mode="P"] #kafun23 .mask .list.item li p {
  display: flex;
  align-items: center;
  font-size: 17px;
}
html[data-browse-mode="P"] #kafun23 .mask .column {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  width: 1250px;
  margin: 0 auto;
  padding: 0 0 60px;
}
html[data-browse-mode="P"] #kafun23 .mask .column img {
  width: 440px;
}
html[data-browse-mode="P"] #kafun23 .mask .column .text {
  width: 720px;
  height: 530px;
  margin: 0 0 0 60px;
  padding: 80px 50px 0 100px;
  line-height: 2;
  background: url(../../img/usr/event/kafun23/bg_mask_column.png) no-repeat center / 100%;
}
html[data-browse-mode="P"] #kafun23 .mask .column .btn-wrapper {
  width: 100%;
  margin: 40px 0 0;
}
html[data-browse-mode="P"] #kafun23 .mask .column .btn {
  display: block;
  width: 285px;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  background: #4f84a1;
  border-radius: 40px;
}
html[data-browse-mode="P"] #kafun23 .mask .type {
  background: #fff;
  padding: 145px 0 0;
}
html[data-browse-mode="P"] #kafun23 .mask .type li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 135px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li:last-child {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 .mask .type li .detail {
  width: 630px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li .detail h3 {
  padding: 0 60px;
  margin: 0 0 40px;
  line-height: 0;
}
html[data-browse-mode="P"] #kafun23 .mask .type li#omega .detail h3 img {
  width: 335px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li#wire .detail h3 img {
  width: 390px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li#diamond .detail h3 img {
  width: 315px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li .detail p {
  font-size: 17px;
  line-height: 1.8;
}
html[data-browse-mode="P"] #kafun23 .mask .type li .img {
  width: 500px;
  text-align: center;
}
html[data-browse-mode="P"] #kafun23 .mask .type li#omega .img img {
  width: 545px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li#wire .img img {
  width: 293px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li#diamond .img img {
  width: 332px;
}
html[data-browse-mode="P"] #kafun23 .mask .type li .img .btn {
  display: block;
  width: 310px;
  margin: 45px auto 0;
  padding: 15px 0;
  text-align: center;
  border-radius: 40px;
  background: #ffeb12;
}
html[data-browse-mode="P"] #kafun23 .mask .type li .img .btn:hover {
  opacity: .8;
}
html[data-browse-mode="P"] #kafun23 .regular {
  padding: 95px 0 140px;
  background: #fffafb;
}
html[data-browse-mode="P"] #kafun23 .regular h2 {
  line-height: 0;
  text-align: center;
  margin: 0 0 80px;
}
html[data-browse-mode="P"] #kafun23 .regular h2 img {
  width: 298px;
}
html[data-browse-mode="P"] #kafun23 .regular ul {
  display: flex;
}
html[data-browse-mode="P"] #kafun23 .regular li {
  position: relative;
  width: 400px;
  padding: 25px 0;
  z-index: 1;
}
html[data-browse-mode="P"] #kafun23 .regular li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 100%;
  background: #feecef;
  border-radius: 50px;
  z-index: -1;
}
html[data-browse-mode="P"] #kafun23 .regular li:nth-child(2):after {
  background: #fffafb;
}
html[data-browse-mode="P"] #kafun23 .regular li:last-child:after {
  width: 100%;
}
html[data-browse-mode="P"] #kafun23 .regular li .headline {
  line-height: 0;
  text-align: center;
  margin: 0 0 25px;
}
html[data-browse-mode="P"] #kafun23 .regular li .headline img {
  width: 93px;
}
html[data-browse-mode="P"] #kafun23 .regular li .set {
  line-height: 0;
  text-align: center;
  margin: 0 0 30px;
}
html[data-browse-mode="P"] #kafun23 .regular li .set img {
  width: 62px;
}
html[data-browse-mode="P"] #kafun23 .regular li .discount {
  position: absolute;
  top: 100px;
  left: 0;
  line-height: 0;
  width: 138px;
}
html[data-browse-mode="P"] #kafun23 .regular li figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 230px;
  margin: 0 0 20px;
}
html[data-browse-mode="P"] #kafun23 .regular li:nth-child(1) figure img {
  width: 296px;
}
html[data-browse-mode="P"] #kafun23 .regular li:nth-child(2) figure img {
  width: 277px;
}
html[data-browse-mode="P"] #kafun23 .regular li:nth-child(3) figure img {
  width: 223px;
}
html[data-browse-mode="P"] #kafun23 .regular li .name {
  text-align: center;
  margin: 0 0 15px;
}
html[data-browse-mode="P"] #kafun23 .regular li .name a {
  color: #484343;
  font-size: 24px;
  text-decoration: underline;
}
html[data-browse-mode="P"] #kafun23 .regular li .name a:hover {
  text-decoration: none;
}
html[data-browse-mode="P"] #kafun23 .regular li .price {
  color: #484343;
  width: 226px;
  margin: 0 auto;
}
html[data-browse-mode="P"] #kafun23 .regular li .price dl {
  display: flex;
  font-size: 17px;
  margin: 0 0 5px;
}
html[data-browse-mode="P"] #kafun23 .regular li .price dl:last-child {
  margin: 0;
}
html[data-browse-mode="P"] #kafun23 .regular li .price dt {
  margin: 0 20px 0 0;
}

/*======================
  SP
 =====================*/
html[data-browse-mode="S"] #kafun23 {
  color: #124e71;
  font-size: 16px;
  line-height: 1.8;
  font-family: YuMincho, 'Yu Mincho', serif;
}
html[data-browse-mode="S"] #kafun23 a {
  color: #124e71;
}
html[data-browse-mode="S"] #kafun23 .mv h1 {
  padding: 0;
}
html[data-browse-mode="S"] #kafun23 .term {
  margin: 10px 0 45px;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .term img {
  width: 90.135%;
}
html[data-browse-mode="S"] #kafun23 .message {
  padding: 0 10px;
  margin: 0 0 60px;
}
html[data-browse-mode="S"] #kafun23 .mask-present {
  padding: 0 10px;
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 h2 {
  padding: 0;
  text-align: center;
  background: none;
}
html[data-browse-mode="S"] #kafun23 .mask-present h2 {
  margin: 0 0 40px;
  text-align: right;
}
html[data-browse-mode="S"] #kafun23 .mask-present h2 img {
  width: 95.916%;
}
html[data-browse-mode="S"] #kafun23 .mask-present .text {
  margin: 0 0 50px;
}
html[data-browse-mode="S"] #kafun23 .mask-present ul {
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 .mask-present li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 .mask-present li:last-child {
  margin: 0;
}
html[data-browse-mode="S"] #kafun23 .mask-present li figure {
  width: 40%;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .mask-present li:nth-child(1) figure img {
  width: 76.765%;
}
html[data-browse-mode="S"] #kafun23 .mask-present li:nth-child(2) figure img {
  width: 64.09%;
}
html[data-browse-mode="S"] #kafun23 .mask-present li .info {
  width: 59%;
}
html[data-browse-mode="S"] #kafun23 .mask-present li .info p {
  margin: 0 0 35px;
}
html[data-browse-mode="S"] #kafun23 .mask-present li .info a {
  display: block;
  text-align: center;
  text-decoration: underline;
}
html[data-browse-mode="S"] #kafun23 .mask-present .btn {
  display: block;
  width: 75%;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  text-decoration: underline;
  background: #a0e0f2;
  font-size: 17px;
}
html[data-browse-mode="S"] #kafun23 .aroma {
  margin: 0 0 80px;
}
html[data-browse-mode="S"] #kafun23 .aroma .intro {
  padding: 30px 10px 45px;
  background: url(../../img/usr/event/kafun23/sp/bg_intro.jpg) repeat-y center top / 100%;
}
html[data-browse-mode="S"] #kafun23 .aroma .intro .text p:not(:last-child) {
  margin: 0 0 25px;
}
html[data-browse-mode="S"] #kafun23 .aroma .refresh {
  padding: 70px 0 50px 5px;
  border-left: 5px solid #a9e9fb;
  background: #fff url(../../img/usr/event/kafun23/sp/bg_aroma.jpg) no-repeat right top / 100%;
}
html[data-browse-mode="S"] #kafun23 .aroma .refresh h2 {
  margin: 0 0 50px;
  text-align: left;
}
html[data-browse-mode="S"] #kafun23 .aroma .refresh h2 img {
  width: 74.11%;
}
html[data-browse-mode="S"] #kafun23 .aroma .item {
  position: relative;
  z-index: 1;
}
html[data-browse-mode="S"] #kafun23 .aroma .item h3 {
  padding: 20px 10px 0;
  text-align: right;
  background: #a9e9fb;
}
html[data-browse-mode="S"] #kafun23 .aroma .item h3 img {
  width: 64.495%;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li {
  position: relative;
  margin: 0 0 65px;
  padding: 50px 10px 0;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li:first-child {
  padding-top: 30px;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li:last-child {
  margin: 0;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 45vw;
  background: #a9e9fb;
  z-index: -1;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li:first-child:before {
  height: calc(45vw - 20px);
}
html[data-browse-mode="S"] #kafun23 .aroma .item li figure {
  width: 64.93%;
  margin: 0 auto 20px;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li h4 {
  font-size: 20px;
  text-align: center;
  margin: 0 0 10px;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li p {
  margin: 0 0 25px;
}
html[data-browse-mode="S"] #kafun23 .aroma .item li .btn {
  display: block;
  width: 80%;
  margin: 0 auto 25px;
  padding: 8px 0;
  text-align: center;
  background: #a9e9fb;
  border-radius: 30px;
}
html[data-browse-mode="S"] #kafun23 .aroma .column img {
  margin: 0 0 30px;
}
html[data-browse-mode="S"] #kafun23 .aroma .column .text {
  padding: 0 10px;
}
html[data-browse-mode="S"] #kafun23 .aroma .column h3 {
  font-size: 25px;
  padding: 0;
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 .slider {
  position: relative;
  padding: 0 18% 20px;
  margin: 0 0 50px;
  z-index: 1;
}
html[data-browse-mode="S"] #kafun23 .slider:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 55%;
  background: #a9e9fb;
  z-index: -1;
}
html[data-browse-mode="S"] #kafun23 .slider .swiper-container,
html[data-browse-mode="S"] #kafun23 .slider .swiper-wrapper {
  position: static;
}
html[data-browse-mode="S"] #kafun23 .slider .swiper-button-prev {
  top: 47%;
  left: calc(9% - 18px);
  width: 36px;
  height: 36px;
  background: url(../../img/usr/event/kafun23/prev.png) no-repeat center / 100%;
}
html[data-browse-mode="S"] #kafun23 .slider .swiper-button-next {
  top: 47%;
  right: calc(9% - 18px);
  width: 36px;
  height: 36px;
  background: url(../../img/usr/event/kafun23/next.png) no-repeat center / 100%;
}
html[data-browse-mode="S"] #kafun23 .slider .swiper-button-prev:after,
html[data-browse-mode="S"] #kafun23 .slider .swiper-button-next:after {
  display: none;
}
html[data-browse-mode="S"] #kafun23 .breath {
  margin: 0 0 70px;
}
html[data-browse-mode="S"] #kafun23 .breath h2 {
  text-align: left;
  margin: 0 0 40px;
}
html[data-browse-mode="S"] #kafun23 .breath h2 img {
  width: 90.134%;
}
html[data-browse-mode="S"] #kafun23 .breath .item {
  padding: 10px 10px 0;
  margin: 0 0 65px;
  background: url(../../img/usr/event/kafun23/sp/bg_breath01.png) no-repeat left top / 95%;
}
html[data-browse-mode="S"] #kafun23 .breath .item li {
  position: relative;
  margin: 0 0 70px;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:last-child {
  margin: 0;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(1) figure {
  position: absolute;
  top: 0;
  left: 8%;
  width: 11.55%;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(2) figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 43.665%;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(3) figure {
  position: absolute;
  top: 0;
  left: 12%;
  width: 8.735%;
}
html[data-browse-mode="S"] #kafun23 .breath .item li .headline {
  position: relative;
  color: #cc9c2e;
}
html[data-browse-mode="S"] #kafun23 .breath .item li h3 {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 0 0 10vw;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(1) .headline,
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(1) h3 {
  padding: 0 0 0 33%;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(3) .headline,
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(3) h3 {
  padding: 0 0 0 33%;
}
html[data-browse-mode="S"] #kafun23 .breath .item li:nth-child(3) .headline {
  padding-top: 5vw;
}
html[data-browse-mode="S"] #kafun23 .breath .item li p {
  margin: 0 0 40px;
}
html[data-browse-mode="S"] #kafun23 .breath .item li .btn-area {
  display: flex;
  align-items: flex-end;
  /*justify-content: center;*/
}
html[data-browse-mode="S"] #kafun23 .breath .item li .btn {
  display: block;
  width: 210px;
  background: #00d7b5;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
  margin: 0 15px 0 0;
  padding: 7px 0;
}
html[data-browse-mode="S"] #kafun23 .breath .item li .price {
  font-size: 12px;
}
html[data-browse-mode="S"] #kafun23 .breath .present h3 {
  padding: 25px 0;
  margin: 0 0 30px;
  background: #d9f9f4;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .breath .present h3 img {
  width: 77.87%;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule {
  padding: 0 10px;
  margin: 0 0 70px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule .text {
  margin: 0 0 30px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule .headline {
  color: #cc9c2e;
  margin: 0 0 15px;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule .name-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 23px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule .name-area img {
  width: 33.24%;
  transform: translateX(25%);
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule .name {
  position: relative;
  text-align: right;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule li:not(:last-child),
html[data-browse-mode="S"] #kafun23 .breath .present .oil li:not(:last-child) {
  margin: 0 0 10px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .capsule li a {
  display: block;
  margin: 0 auto;
  padding: 6px 0;
  width: 90%;
  background: #b481cf;
  text-align: center;
  color: #fff;
  border-radius: 30px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil {
  text-align: center;
  padding: 0 10px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil img {
  width: 58.31%;
  margin: 0 0 25px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil ul {
  margin: 0 0 20px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil li a {
  display: block;
  margin: 0 auto;
  padding: 6px 0;
  width: 90%;
  height: 40px;
  background: #03aaf6;
  text-align: center;
  color: #fff;
  border-radius: 30px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil li:last-child a {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil li:last-child a span {
  font-size: 12px;
}
html[data-browse-mode="S"] #kafun23 .breath .present .oil .price {
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .recommend {
  padding: 0 10px;
  margin: 0 0 85px;
}
html[data-browse-mode="S"] #kafun23 .recommend h2 {
  margin: 0 0 20px;
}
html[data-browse-mode="S"] #kafun23 .recommend h2 img {
  width: 89.58%;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:not(:last-child) {
  margin: 0 0 90px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item .headline {
  font-size: 18px;
  text-align: center;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item figure {
  margin: 0 0 35px;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) figure img {
  width: 99.3%;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(2) figure img {
  width: 88.875%;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(3) figure img {
  width: 88.03%;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(4) figure img {
  width: 90.425%;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) .name {
  color: #0058a8;
  font-size: 22px;
  text-align: center;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) li:not(:last-child) {
  margin: 0 0 10px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) li a {
  display: block;
  width: 90%;
  margin: 0 auto;
  padding: 6px 0;
  background: #0058a8;
  color: #fff;
  border-radius: 30px;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) li a dl {
  display: flex;
  justify-content: center;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) li a dt {
  width: 85px;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(1) li a span {
  font-size: 14px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item .detail {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 0 30px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item .detail:last-child {
  margin: 0;
}
html[data-browse-mode="S"] #kafun23 .recommend .item .detail .price {
  font-size: 13px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(3) .detail:last-child .price {
  width: 100%;
  text-align: right;
}
html[data-browse-mode="S"] #kafun23 .recommend .item .detail .price span {
  font-size: 10px;
}
html[data-browse-mode="S"] #kafun23 .recommend .item .detail .btn {
  display: block;
  width: 90%;
  margin: 15px auto 0;
  padding: 6px 0;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  background: #ee7b46;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(3) .detail .btn {
  background: #0058a8;
}
html[data-browse-mode="S"] #kafun23 .recommend .item:nth-child(4) .detail .btn {
  color: #0058a8;
  background: #fece36;
}
html[data-browse-mode="S"] #kafun23 .fresh {
  padding: 60px 0 90px;
  background-color: #edfffb;
  background-image: linear-gradient(-90deg, #fff 50%, transparent 50%);
  background-size: 13px 13px;
}
html[data-browse-mode="S"] #kafun23 .fresh h2 {
  margin: 0 0 35px;
}
html[data-browse-mode="S"] #kafun23 .fresh h2 img {
  width: 43.87%;
}
html[data-browse-mode="S"] #kafun23 .fresh .text {
  padding: 0 10px;
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai {
  padding: 45px 10px 35px;
  background: url(../../img/usr/event/kafun23/sp/bg_fresh.jpg) repeat-y center top / 100%;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai li:not(:last-child) {
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .info {
  background: #fff;
  margin: 0 0 40px;
  padding: 20px 25px 15px;
  color: #484343;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .headline {
  width: 63.28%;
  margin: 0 auto 5px;
  color: #124e71;
  font-size: 11px;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .logo {
  width: 63.28%;
  margin: 0 auto 5px;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .logo img:first-child {
  margin: 0 0 12px;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .name {
  font-size: 10px;
  width: 63.28%;
  margin: 0 auto 12px;
  font-feature-settings: 'palt';
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .label,
html[data-browse-mode="S"] #kafun23 .fresh .ugai .info dt {
  color: #484343;
  font-size: 10px;
  width: 80px;
  border: 1px solid #484343;
  text-align: center;
  margin: 10px 0 0;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .info dl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai .info dd {
  width: calc(100% - 90px);
  color: #484343;
  font-size: 10px;
  line-height: 1.8;
  font-feature-settings: 'palt';
  letter-spacing: .3px;
  margin: 12px 0 0;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai li .img-area {
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai li .img-area figure {
  margin: 0 0 15px;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai li:nth-child(1) .img-area img {
  width: 72.115%;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai li:nth-child(2) .img-area img {
  width: 51.975%;
}
html[data-browse-mode="S"] #kafun23 .fresh .ugai li .img-area a {
  display: block;
  width: 210px;
  text-align: center;
  background: #53c385;
  border-radius: 30px;
  color: #fff;
  margin: 0 auto;
  padding: 6px 0;
}
html[data-browse-mode="S"] #kafun23 .mask {
  margin: 0 0 85px;
}
html[data-browse-mode="S"] #kafun23 .mask .list {
  background: #dbf3ff;
  padding: 70px 10px;
}
html[data-browse-mode="S"] #kafun23 .mask .nav {
  margin: 0 0 50px;
}
html[data-browse-mode="S"] #kafun23 .mask h2 {
  margin: 0 0 45px;
}
html[data-browse-mode="S"] #kafun23 .mask h2 img {
  width: 57.325%;
}
html[data-browse-mode="S"] #kafun23 .mask .nav ul {
  display: flex;
  justify-content: center;
}
html[data-browse-mode="S"] #kafun23 .mask .nav li {
  position: relative;
  padding: 10px 15px 0;
}
html[data-browse-mode="S"] #kafun23 .mask .nav li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 66%;
  background: #000;
}
html[data-browse-mode="S"] #kafun23 .mask .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
html[data-browse-mode="S"] #kafun23 .mask .item li {
  width: 49%;
  margin: 0 0 15px;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-last-child(-n+2) {
  margin: 0;
}
html[data-browse-mode="S"] #kafun23 .mask .item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: underline;
}
html[data-browse-mode="S"] #kafun23 .mask .item figure {
  width: 40%;
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(1) figure img {
  width: 40.98%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(2) figure img {
  width: 94.16%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(3) figure img {
  width: 81.23%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(4) figure img {
  width: 74.76%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(5) figure img {
  width: 83.4%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(6) figure img {
  width: 75.48%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(7) figure img {
  width: 30.2%;
}
html[data-browse-mode="S"] #kafun23 .mask .item li:nth-child(8) figure img {
  width: 89.86%;
}
html[data-browse-mode="S"] #kafun23 .mask .item p {
  width: 58%;
  font-size: 10px;
}
html[data-browse-mode="S"] #kafun23 .mask .column {
  text-align: center;
  background: #dbf3ff;
  padding: 0 0 80px;
}
html[data-browse-mode="S"] #kafun23 .mask .column > img {
  width: 81.47%;
  margin: 0 0 55px;
}
html[data-browse-mode="S"] #kafun23 .mask .text {
  margin: 0 0 50px;
}
html[data-browse-mode="S"] #kafun23 .mask .text img {
  width: 96.935%;
}
html[data-browse-mode="S"] #kafun23 .mask .column .btn {
  display: block;
  width: 210px;
  margin: 0 auto;
  padding: 6px 0;
  color: #fff;
  text-align: center;
  background: #4f84a1;
  border-radius: 30px;
}
html[data-browse-mode="S"] #kafun23 .mask .type {
  padding: 60px 10px 0;
}
html[data-browse-mode="S"] #kafun23 .mask .type li:not(:last-child) {
  margin: 0 0 60px;
}
html[data-browse-mode="S"] #kafun23 .mask .type li h3 {
  text-align: center;
  padding: 0;
  margin: 0 0 25px;
}
html[data-browse-mode="S"] #kafun23 .mask .type li#omega h3 img {
  width: 64.37%;
}
html[data-browse-mode="S"] #kafun23 .mask .type li#wire h3 img {
  width: 76.48%;
}
html[data-browse-mode="S"] #kafun23 .mask .type li#diamond h3 img {
  width: 59.015%;
}
html[data-browse-mode="S"] #kafun23 .mask .type li .detail p {
  margin: 0 0 40px;
}
html[data-browse-mode="S"] #kafun23 .mask .type li .img {
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .mask .type li#omega .img img {
  width: 84.65%;
}
html[data-browse-mode="S"] #kafun23 .mask .type li#wire .img img {
  width: 76.48%;
}
html[data-browse-mode="S"] #kafun23 .mask .type li#diamond .img img {
  width: 88.03%;
}
html[data-browse-mode="S"] #kafun23 .mask .type li .img .btn {
  display: block;
  width: 210px;
  margin: 30px auto 0;
  padding: 6px 0;
  text-align: center;
  padding: 6px 0;
  border-radius: 30px;
  background: #ffeb12;
}
html[data-browse-mode="S"] #kafun23 .regular {
  padding: 45px 10px;
  background: #fffafb;
}
html[data-browse-mode="S"] #kafun23 .regular h2 {
  margin: 0 0 40px;
}
html[data-browse-mode="S"] #kafun23 .regular h2 img {
  width: 41.975%;
}
html[data-browse-mode="S"] #kafun23 .regular li {
  background: #feecef;
  margin: 0 0 35px;
  padding: 40px 10px 35px;
  border-radius: 20px;
  color: #484343;
}
html[data-browse-mode="S"] #kafun23 .regular li:last-child {
  margin: 0;
}
html[data-browse-mode="S"] #kafun23 .regular li .headline {
  text-align: center;
  margin: 0 0 20px;
}
html[data-browse-mode="S"] #kafun23 .regular li .headline img {
  width: 27.765%;
}
html[data-browse-mode="S"] #kafun23 .regular li .set {
  text-align: center;
  margin: 0 0 35px;
}
html[data-browse-mode="S"] #kafun23 .regular li .set img {
  width: 18.66%;
}
html[data-browse-mode="S"] #kafun23 .regular li figure {
  text-align: center;
}
html[data-browse-mode="S"] #kafun23 .regular li:nth-child(1) figure img {
  width: 88.36%;
}
html[data-browse-mode="S"] #kafun23 .regular li:nth-child(2) figure img {
  width: 82.84%;
}
html[data-browse-mode="S"] #kafun23 .regular li:nth-child(3) figure img {
  width: 66.42%;
}
html[data-browse-mode="S"] #kafun23 .regular li .discount {
  margin: 45px 0 35px -10px;
}
html[data-browse-mode="S"] #kafun23 .regular li .discount img {
  width: 66.815%;
}
html[data-browse-mode="S"] #kafun23 .regular li .name {
  text-align: center;
  margin: 30px 0;
}
html[data-browse-mode="S"] #kafun23 .regular li .name a {
  color: #484343;
  text-decoration: underline;
}
html[data-browse-mode="S"] #kafun23 .regular li .price {
  width: 200px;
  margin: 0 auto;
}
html[data-browse-mode="S"] #kafun23 .regular li .price dl {
  display: flex;
}
html[data-browse-mode="S"] #kafun23 .regular li .price dt {
  margin: 0 10px 0 0;
}
html[data-browse-mode="S"] #kafun23 .regular li .comment {
  font-size: 10px;
  text-align: center;
  margin: 12px 0 0;
}