@charset "utf-8";

/*** ▼ cms common ▼ ***/
/* デフォルトのカラー
   カスタマイズは、CMS内のstyleタグで行ってください。
*/
:root{
  --cms-bgColor: #3BB6BB;
  --cms-bgColor-light: #D0F0F5;
  --cms-borderColor: #c9c9c9;
  --cms-separatorColor: #e8e6e1;
  --cms-txtColor: #333;

  --cms-spacing-inline: 15px;
  --cms-spacing-block: 15px;
  --cms-radius: 6px;

  --cmsTitle-bgColor: var(--cms-bgColor, #3BB6BB);
  --cmsTitle-txtColor: #fff;

  --cmsTitleBorder-bgColor: #fff;
  --cmsTitleBorder-txtColor: var(--cms-txtColor, #333);
  --cmsTitleBorder-borderColor: var(--cms-bgColor, #3BB6BB);

  --cmsRssNew-bgColor: red;
  --cmsRssNew-txtColor: #fff;

  --cmsZabutonList-bgColor: var(--cms-bgColor, #3BB6BB);
  --cmsZabutonList-txtColor: var(--cms-txtColor, #333);

  --cmsMaskImage-rssIcon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="45.36" viewBox="0 0 50 45.36"><path d="M45,0H5C2.24,0,0,2.24,0,5v26c0,2.76,2.24,5,5,5h11.91l8.27,9.36,8.27-9.36h11.55c2.76,0,5-2.24,5-5V5c0,2.76-2.24-5-5-5ZM24.66,13.2c1.96,0,3.54,1.59,3.54,3.54s-1.59,3.54-3.54,3.54-3.54-1.59-3.54-3.54,1.59-3.54,3.54-3.54ZM8.88,16.91c0-1.96,1.59-3.54,3.54-3.54s3.54,1.59,3.54,3.54-1.59,3.54-3.54,3.54-3.54-1.59-3.54-3.54ZM36.9,20.4c-1.96,0-3.54-1.59-3.54-3.54s1.59-3.54,3.54-3.54,3.54,1.59,3.54,3.54-1.59,3.54-3.54,3.54Z"/></svg>');
}

.cms-root,
.cms-root *,
.cms-root *::before,
.cms-root *::after{
  box-sizing: border-box;
}


.cms-root{
  padding-bottom: 15px;
}

.cms-block{
  position: relative;
  width: 100%;
  max-width: 100%;
}
.cms-block + .cms-block{
  margin-top: var(--cms-spacing-block);
}

.cms-block img{
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}

.cms-block--bnr a:hover{
  opacity: 0.7;
}


.cms-block__header{
  border-radius: var(--cms-radius) var(--cms-radius) 0 0;
  overflow: hidden;
  padding: 8px;
  background-color: var(--cmsTitle-bgColor);
  display: flex;
  gap: 10px;
}
.cms-block__header--border{
  border: 1px solid var(--cms-borderColor);
  border-bottom:2px solid var(--cmsTitleBorder-borderColor);
  background-color: var(--cmsTitleBorder-bgColor);
}
.cms-block__header--img{
  background-color: initial;
  padding: 0;
}
.cms-block__header--img a{
  text-decoration: none;
}
.cms-block__header--icon{
  display: flex;
  gap: 10px;
}
.cms-block__header--icon::before{
  content: '';
  display: block;
  width: calc(1em * 1.6);
  height: calc(1em * 1.6);
  aspect-ratio: 1 / 1;

  background: url(https://placehold.jp/150x150.png) no-repeat 0 0;
  background-size:cover;
  background-position: 0px 0px;
  background-repeat: no-repeat;
}



.cms-block__body{
  border: 1px solid var(--cms-borderColor);
  border-top: none;
  border-radius: 0 0 var(--cms-radius) var(--cms-radius);
  background: #fff;
  overflow: hidden;
}


/* .cms-block__title */
.cms-block__title{
  color: var(--cmsTitle-txtColor);
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  position: relative;
  width: 100%;
}

.cms-block__header--border .cms-block__title{
  color: var(--cmsTitleBorder-txtColor);
  color: var(--cmsTitleBorder-txtColor);
}

.cms-title__icon-target,
.cms-title__icon-target--white{
  display: flex;
  align-items: center;
  gap: 5px;
}
.cms-title__icon-target::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  background-image: url(https://www.beach.jp/images/ja_JP/common/icon/cms_icon_target.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.cms-title__icon-target--white::after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  background-image: url(https://www.beach.jp/images/ja_JP/common/icon/cms_icon_target_white.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}


.cms-border-list li {
  position: relative;
}
.cms-border-list li + li::before {
  position: absolute;
  top: 0px;
  left: var(--cms-spacing-inline);
  content: "";
  display: block;
  width: calc(100% - var(--cms-spacing-inline) * 2);
  /* 【重要】height: 1px; は削除、または 0 にする */
  height: 0; 
  /* 高さの代わりにボーダーで1pxを表現する */
  border-top: 1px solid var(--cms-separatorColor);
}
.cms-border-list li a {
  display: block;
  padding-block: var(--cms-spacing-block);
  padding-inline: var(--cms-spacing-inline);
  margin: 0;
  font-size: 116%;
  font-weight: bold;
  /* color: var(--cms-txtColor); */
  text-decoration: none;
}
.cms-border-list li a:hover{
  opacity: 0.7;
}

.cms-zabuton-list{
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cms-zabuton-list{
  margin-top: var(--cms-spacing-block);
}
.cms-zabuton-list li {
  position: relative;
  font-size: 16px;
  border-radius: 6px;
  background-color: var(--cmsZabutonList-bgColor); /* ボタン背景色 */
}
.cms-zabuton-list{
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
* + .cms-zabuton-list{
  margin-top: var(--cms-spacing-block);
}
.cms-zabuton-list li {
  position: relative;
  font-size: 16px;
  border-radius: 6px;
  background-color: var(--cmsZabutonList-bgColor); /* ボタン背景色 */
}
.cms-zabuton-list li a {
  display: flex;
  align-items: center;
  color: var(--cmsZabutonList-txtColor); /* ボタン文字色 */
  padding: 14px 35px 14px min(7vw, 20px);
}
.cms-zabuton-list li a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.cms-zabuton-list li a::after{
  box-sizing: border-box;
  position: absolute;
  content: '';
  right: 15px;
  width: 6px;
  height: 6px;
  border: 5px solid transparent;
  border-left: 6px solid var(--cmsZabutonList-txtColor);  /* ボタン矢印色 */
}


.cms-module{
  padding: var(--cms-spacing-block) var(--cms-spacing-inline);
  position: relative;
}
.cms-module--full{
  padding: 0;
}
.cms-module__title{
  color: var(--cms-txtColor);
  margin: 0;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--cms-bgColor);
  font-size: 13px;
  font-weight: bold;
}

/* .rssItem表示切り替え */
.rssItem {
  display: none;
}
.rssItem.complete {
  display: block;
}

/* .cms-rss__item　スタイリング */
.cms-module--rss{
  padding: 0;
}
.cms-rss__item{
  position: relative;
}
.cms-rss__item + .cms-rss__item::before{
  position: absolute;
  top: 0px;
  left: var(--cms-spacing-inline);
  content: "";
  display: block;
  width:calc(100% - var(--cms-spacing-inline) * 2);
   /* 【重要】height: 1px; は削除、または 0 にする */
  height: 0; 
  /* 高さの代わりにボーダーで1pxを表現する */
  border-top: 1px solid var(--cms-separatorColor);

}
.cms-module--rss:has(+ *)::after{
  position: absolute;
  top: 100%;
  left: var(--cms-spacing-inline);
  content: "";
  display: block;
  width:calc(100% - var(--cms-spacing-inline) * 2);
  /* 【重要】height: 1px; は削除、または 0 にする */
  height: 0; 
  /* 高さの代わりにボーダーで1pxを表現する */
  border-top: 1px solid var(--cms-separatorColor);
}

.cms-rss__link {
  position: relative;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-template-rows: max-content 1fr;
  padding: var(--cms-spacing-block) var(--cms-spacing-inline);
  text-decoration: none;
}
.cms-rss__link:hover {
  text-decoration: none;
  opacity: .7;
}
.cms-rss__thumb {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border:1px solid var(--cms-borderColor);
  margin-right: 15px;
}
.cms-rss__thumb img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.cms-rss__title {
  grid-column: 2 / 3;
  font-size: 116%;
  /* color: var(--cms-txtColor); */
  font-weight: bold;
  margin-bottom: 10px;
}
.cms-rss__meta {
  grid-column: 2 / 3;
}
.cms-rss__meta-list{
  display: flex;
  flex-wrap: wrap;
  gap: 5px 0;
}
.cms-rss__meta-list>li{
  font-size: 93%;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* 前に li 要素が存在する場合は区切り「｜」を表示 */
.cms-rss__meta-list > li + li::before {
  content: '｜';
  padding-inline: 4px;
  color: var(--cms-borderColor);
}

.cms-rss__meta-list > li.cms-rss__meta-item--is-new + li::before  {
  display: none;
}

.cms-rss__meta-list>li>span{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

/*　NEW スタイル data-isnew="true" の場合は表示（flex） */
.cms-rss__meta-item--is-new {
  display: none;
  padding-right: 8px;
}
/* .cms-rss__meta-item--is-new[data-type="isNew"]::after{
  content: '';
} */
.cms-rss__meta-item--is-new[data-type="isNew"] > span {
  background-color: var(--cmsRssNew-bgColor);
  padding: 3px 7px;
  color: var(--cmsRssNew-txtColor);
  line-height: 1;
  font-weight: bold;
  font-size: 90%;
  border-radius: 999px;
}
/* data-isnew="true" の場合は表示（flex） */
.cms-rss__meta-item--is-new[data-type="isNew"][data-isnew="true"] {
  display: flex;
}


/* コメント、きもち　スタイル */
.cms-rss__meta-list>li>span[data-type="beach.commentCount"],
.cms-rss__meta-list>li>span[data-type="beach.clapCount"]{
  gap: 4px;
}
.cms-rss__meta-list>li>span[data-type="beach.commentCount"]::before,
.cms-rss__meta-list>li>span[data-type="beach.clapCount"]::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
}
.cms-rss__meta-list>li>span[data-type="beach.commentCount"]::before{
  background: url(https://www.beach.jp/images/ja_JP/common/icon/ico_sprite.png) no-repeat 0 0;
  background-position: -20px -51px;
}
.cms-rss__meta-list>li>span[data-type="beach.clapCount"]::before{
  background: url(https://www.beach.jp/images/ja_JP/common/icon/ico_sprite.png) no-repeat 0 0;
  background-position: -40px -51px;
}

/* .cms-rss--htmlモード時は強制表示 */
.cms-rss--html {
  display: block !important;
}
.cms-rss--html .rssItem{
  display: block !important;
}
.cms-rss--html .cms-rss__meta-list>li{
  display: flex !important;
}


/*** ▼ data-rss-option によるスタイル制御 ▼ ***/

/* デフォルトですべての要素を非表示 */
.cms-module--rss .cms-rss__meta-list > li {
  display: none;
}

/* date オプション: 日付を表示 */
/* user オプション: 著者名を表示 */
/* staff オプション: 著者名を表示 */
/* circleName オプション: サークル名を表示 */
/* comment オプション: コメント数を表示 */
/* kimochi オプション: きもちボタンを表示 */
.cms-module--rss[data-rss-option*="date"] .cms-rss__meta-item--pubdate,
.cms-module--rss[data-rss-option*="staff"] .cms-rss__meta-item--author,
.cms-module--rss[data-rss-option*="user"] .cms-rss__meta-item--author,
.cms-module--rss[data-rss-option*="circleName"] .cms-rss__meta-item--circle,
.cms-module--rss[data-rss-option*="comment"] .cms-rss__meta-item--comment,
.cms-module--rss[data-rss-option*="kimochi"] .cms-rss__meta-item--kimochi{
  display: flex;
}

/* user オプション: 著者名を「さん」付きで表示 */
.cms-module--rss[data-rss-option*="user"] .cms-rss__meta-item--author > span[data-type="author"]::after {
  content: "さん";
}
/* noimage オプション: サムネイル画像を非表示 */
.cms-module--rss[data-rss-option*="noimage"] .cms-rss__thumb{
  display: none;
}
/* icon オプション: サムネイル画像を非表示　アイコンを表示 */
.cms-module--rss[data-rss-option*="icon"] .cms-rss__thumb{
  display: none;
}
.cms-module--rss[data-rss-option*="icon"] .cms-rss__title{
  display: flex;
  align-items: center;
  gap: 10px;
}
.cms-module--rss[data-rss-option*="icon"] .cms-rss__title::before{
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--cms-bgColor);
  -webkit-mask-image: var(--cmsMaskImage-rssIcon);
  mask-image: var(--cmsMaskImage-rssIcon);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  flex-shrink: 0;
}
.cms-module--rss[data-rss-option*="scroll"]{
  max-height: 325px;
  overflow: auto;
}
.cms-module--rss[data-rss-option*="scroll"]::after {
  display: none;
}

/*  .cmsEmptyに.rssItem.complete がない場合　.cmsEmptyブロックを非表示 */
.cmsEmpty:not(:has(.rssItem.complete)) {
  display: none;
}


/* .cms-rss--nopadding padding-inlineを0で上書き 旧テンプレート対応用*/
.cms-root[data-cms-display="PC"] .cms-rss--nopadding .cms-rss__item + .cms-rss__item::before,
.cms-root[data-cms-display="PC"] .cms-rss--nopadding .cms-module--rss:has(+ *)::after{
  left: 0px;
  width: 100%;
}
.cms-root[data-cms-display="PC"] .cms-rss--nopadding .cms-rss__link {
  padding-inline:0px;
}



/*** ▼トピック立てエリア▼ ***/
.cms-module--create-topic{
  --cmsCreateTopic_Icon_Width: 44px;
  --cmsCreateTopic_Arrow_Size: min(2.8vw, 12px);
}
.cms-create-topic__bg{
  background-color: var(--cms-bgColor-light);
  border-radius: 6px;
  padding: var(--cms-spacing-block) var(--cms-spacing-inline);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cms-create-topic__fukidashi{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding-inline: 40px;
  background: #fff;
  border-radius: 999px;
  margin-block: min(2.8vw, 15px) min(4.2vw, 20px);
}
.cms-create-topic__fukidashi-inner{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-left:calc(10px + var(--cmsCreateTopic_Icon_Width)) ;
}
.cms-create-topic__fukidashi::after{
  content: '';
  position: absolute;
  top: 100%;
  border-top: var(--cmsCreateTopic_Arrow_Size) solid #fff; 
  border-right: var(--cmsCreateTopic_Arrow_Size) solid transparent;
  border-left: var(--cmsCreateTopic_Arrow_Size) solid transparent;
}
.cms-create-topic__fukidashi-icon{
  position: absolute;
  left: 0;
  max-width: var(--cmsCreateTopic_Icon_Width);
  height: auto;
}
.cms-create-topic__fukidashi-txt{
  position: relative;
  color: #333;
  width: fit-content;
  height: fit-content;
  color: #333;
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
  padding-block: 6px;
  display: flex;
  align-items: center;
  min-height: 3em;
}

.cms-create-topic__btn{
  max-width: 100%;
}
.cms-create-topic__btn a{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 300px;
  max-width: 100%;
  height: 50px;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(244, 150, 12);
  border-radius: 6px;
  background-image: linear-gradient( 0deg, rgb(244,150,11) 0%, rgb(251,172,56) 100%);
  color: #fff;
  font-size: 16px;
}
.cms-create-topic__btn a:hover{
  opacity: 0.7;
  text-decoration: none;
}
.cms-create-topic__notes{
  margin-left: 1em;
  padding-top: 5px;
  font-size: 11px;
  line-height: 1.2;
  color: #666;
  font-weight: normal;
}
.cms-create-topic__notes li{
  text-indent: -1em;
}


/* コミュニティからのお知らせ */
.cms-module--community-info{
  padding-inline: 0;
  padding-block: 0;
}

.cms-module--community-info li + li{
  border-top: 1px solid var(--cms-separatorColor);
}
.cms-module--community-info li a{
  display: block;
  padding-block: var(--cms-spacing-block);
  padding-inline: var(--cms-spacing-inline);
  margin: 0;
  font-size: 116%;
  font-weight: bold;
  /* color: var(--cms-txtColor); */
}
.cms-module--community-info li a:hover{
  text-decoration: none;
  opacity: .7;
}

/* 関連サイト */
.cms-module--relatedlinks ul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.cms-module--relatedlinks a img{
  width: 100%;
  height: auto;
}
.cms-module--relatedlinks a:hover{
  text-decoration: none;
  opacity: .7;
}


/*  バナー下部注釈 */
.cmsTxtNotes {
  margin-left: 1em;
  padding-top: 5px;
  font-size: 84%;
}
.cmsTxtNotes li {
  text-indent: -1em;
}






/* SP */
.cms-root[data-cms-display="SP"] {
  --cms-spacing-block: 15px;
  --cms-spacing-inline: 10px;
}

.cms-root[data-cms-display="SP"] .cms-conts{
  border-radius: 6px;
  -webkit-box-shadow: 0 0 2px 2px #d9d7d1;
  box-shadow: 0 0 2px 2px #d9d7d1;
  padding-block: var(--cms-spacing-block);
  margin-inline: var(--cms-spacing-inline);
}
.cms-root[data-cms-display="SP"] .cms-block{
  padding-inline: var(--cms-spacing-inline);
}
.cms-root[data-cms-display="SP"] .cms-conts + * ,
.cms-root[data-cms-display="SP"] .cms-block + * {
  margin-top: var(--cms-spacing-block);
}
.cms-root[data-cms-display="SP"] .cms-block__title {
  font-size: 16px;
}
.cms-root[data-cms-display="SP"] .cms-rss__item + .cms-rss__item::before {
  left: var(--cms-spacing-inline);
  width: calc(100% - var(--cms-spacing-inline));
}
.cms-root[data-cms-display="SP"] .cms-module--rss:has(+ *)::after {
  left: var(--cms-spacing-inline);
  width: calc(100% - var(--cms-spacing-inline));
}
.cms-root[data-cms-display="SP"] .cms-rss__link {
  padding: var(--cms-spacing-block) var(--cms-spacing-inline);
  padding-right: 24px;
}
.cms-root[data-cms-display="SP"] .cms-rss__link::after {
  content: "";
  display: block;
  position: absolute;
  right: var(--cms-spacing-inline);
  top: 50%;
  border-top: 2px solid #cfcac0;
  border-right: 2px solid #cfcac0;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.cms-root[data-cms-display="SP"] .cms-rss__title {
  grid-column: 2 / 3;
  font-size: 16px;
  margin-bottom: 0px;
  color: var(--cms-txtColor);
}
.cms-root[data-cms-display="SP"] .cms-rss__thumb {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  width: 56px;
  height: 56px;
  margin-right: var(--cms-spacing-inline);
}
.cms-root[data-cms-display="SP"] .cms-rss__meta {
  grid-column: 1 / 3;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-list {
  margin-top: 10px;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-list > li + li::before {
  padding: 0;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-list > li > span {
  font-size: 1.2rem;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-item--is-new[data-type="isNew"]::after {
  padding: 0;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-item--is-new[data-type="isNew"] > span {
  padding: 2px 6px;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-list>li>span[data-type="beach.commentCount"]::before {
  background: url(https://www.beach.jp/images/ja_JP/smartphone/icon_sprite.png) no-repeat -61px -67px;
  background-size: 250px 250px;
}
.cms-root[data-cms-display="SP"] .cms-rss__meta-list>li>span[data-type="beach.clapCount"]::before {
  background: url(https://www.beach.jp/images/ja_JP/smartphone/icon_sprite.png) no-repeat -40px -67px;
  background-size: 250px 250px;
}
.cms-root[data-cms-display="SP"] .cms-module--create-topic {
  --cmsCreateTopic_Icon_Width: min(10vw, 45px);
}
.cms-root[data-cms-display="SP"] .cms-create-topic__fukidashi-txt {
  font-size: min(3.5vw, 16px);
}
.cms-root[data-cms-display="SP"] .cms-create-topic__fukidashi {
  padding-inline: 5.5vw;
}



/* コミュニティからのお知らせ */
.cms-root[data-cms-display="SP"] .cms-module--community-info{
  padding-inline: 0;
  padding-block: 0;
}


.cms-root[data-cms-display="SP"] .cms-border-list li a,
.cms-root[data-cms-display="SP"] .cms-module--community-info li a {
  padding: var(--cms-spacing-block) var(--cms-spacing-inline);
  padding-right: 24px;
  font-size: 16px;
  position: relative;
  color: var(--cms-txtColor);
}
.cms-root[data-cms-display="SP"] .cms-border-list li a::after,
.cms-root[data-cms-display="SP"] .cms-module--community-info li a::after {
  content: "";
  display: block;
  position: absolute;
  right: var(--cms-spacing-inline);
  top: 50%;
  border-top: 2px solid #cfcac0;
  border-right: 2px solid #cfcac0;
  width: 8px;
  height: 8px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.cms-root[data-cms-display="SP"] .cms-border-list li + li::before {
    left: var(--cms-spacing-inline);
    width: calc(100% - var(--cms-spacing-inline));
}

/* 関連サイト */
.cms-root[data-cms-display="SP"] .cms-module--relatedlinks ul{
  gap: 5px;
}



/* .cms-rss--nopadding padding-inlineを上書き 旧テンプレート対応用(SP)*/
.cms-root[data-cms-display="SP"] .cms-rss--nopadding .cms-rss__item + .cms-rss__item::before,
.cms-root[data-cms-display="SP"] .cms-rss--nopadding .cms-module--rss:has(+ *)::after{
  left: 10px;
  width: calc(100% - 10px);
}
.cms-root[data-cms-display="SP"] .cms-rss--nopadding .cms-rss__link {
  padding-inline:10px;
}

.cms-root[data-cms-display="SP"] .cmsTxtNotes {
  margin-left: 1em;
  padding-top: 5px;
  font-size: 0.9rem;
}
.cms-root[data-cms-display="SP"] .cmsTxtNotes li {
  text-indent: -1em;
}