@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Aoboshi+One&text=1234567890"display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@700&display=swap');

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:root {
	--main: #14B8CE;
	--yel: #FFF36F;
	--pnk: #F0589D;
	--zen-min:"Zen Old Mincho", serif;
}
#nr_smr {
	font-family: "Sawarabi Gothic", sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #003239;
	line-height: 1.6;
	letter-spacing: 0.025rem;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
	overflow-wrap: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#nr_smr .nr__wrapper {
	background-color: var(--main);
	background-image: radial-gradient(circle, #11b2c7 13px, transparent 13px), radial-gradient(circle, #11b2c7 13px, transparent 13px);
	background-position: 0 0, 29px 58px;
	background-size: 58px 116px;
	position: relative;
	/* z-index: 0; */
}
#nr_smr .nr__container {
    display: block;
    background-image: url(../img/bg_wave.png);
    width: 100%;
    height: auto;
    background-size: contain;
	padding: 0;
} 
@media screen and (min-width: 768px) {
	#nr_smr .nr__container {
    padding: 24px 4% 0;
	}
}

#nr_smr .c-blu {
	color: var(--main);
}
#nr_smr .favWrap .btn__fav {
	z-index: 5;
}
#nr_smr img {
	max-width: 100% !important;
	height: auto;
	vertical-align: bottom;
}
#nr_smr a {
	color: inherit;	
}
#nr_smr .sp {
	display: block;
}
#nr_smr .pc {
	display: none;
}
@media screen and (min-width: 768px) {
	#nr_smr .sp {
		display: none;
	}
	#nr_smr .pc {
		display: block;
	}
}
#nr_smr .nr__inner {
	max-width: 786px;
	margin-inline: auto;
}
#nr_smr .main__inner {
	padding: min(6.4vw,40px) 5%;
}

/* ==========================

	KV

========================== */
#nr_smr .nr__kv {
	position: relative;
    max-width: 1190px;
    margin-inline: auto;
}
#nr_smr .kv_wrap {
	max-width: 1190px;
	margin-inline: auto;
}
#nr_smr .kv_wrap img {
	border-radius: 0;
	box-shadow: none;
}
@media screen and (min-width: 768px) {
	#nr_smr .kv_wrap img {
		border-radius: 62px;
		box-shadow: 10px 5px 0 #FFF36F;
	}
}

/* ==========================

	about

========================== */
#nr_smr .nr__about {
	color: #fff;
	margin-top: min(8.85vw, 68px); 
	line-height: 1.66;
}
#nr_smr .nr__about .logo {
	margin-bottom: min(6.4vw, 32px);
	width: 52%;
    margin-inline: auto;
}
#nr_smr .nr__about p {
	text-align: left;
	font-size: min(3.73vw, 21px);
	width: 84%;
	margin-inline: auto;
}
@media screen and (min-width: 599px) {
	#nr_smr .nr__about p {
		width: 100%;
		text-align: center;
	}
}
#nr_smr .nr__nav .nav-list {
	width: 80%;
    margin-inline: auto;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin-top:min(11.25vw, 40px) ;
}
@media screen and (min-width: 768px) {
	#nr_smr .nr__nav .nav-list {
		flex-direction: row;
	}
	#nr_smr .nr__nav .nav-list {
		width: 100%;
	}
}
#nr_smr .nr__nav .nav-list__item {
	max-width: max-content;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: min(4.06vw, 15px);
	line-height: 1.2;
	margin-bottom: 20px;
}
#nr_smr .nr__nav .nav-list__item a {
	display: flex;
	align-items: center;
	gap: 5%;
}
#nr_smr .nr__nav .nav-list__item .item_img {
	width: 40%;
}
#nr_smr .nr__nav .nav-list__item .item_txt {
	text-align: left;
	width: 60%;
}
#nr_smr .nr__nav .nav-list__item .item_txt h2 {
	font-size: min(5.86vw, 32px);
	color: var(--yel);
	margin-top: 0;
	margin-bottom: min(2.1vw,12px);
	font-family: var(--zen-min);
	font-weight: 700;
	line-height: 1.2;
}
#nr_smr .nr__nav .nav-list__item .item_txt h2 > .tenpo{
	font-size: min(3.73vw, 17px);
	display: block;
}
#nr_smr .nr__nav .nav-list__item .item_txt > p {
	font-size: min(3.36vw, 15px);
}
@media screen and (min-width: 768px) {
	#nr_smr .nr__nav .nav-list__item {
		margin-bottom: 0;
	}
	#nr_smr .nr__nav .nav-list__item .item_txt h2 {
		margin-top: 18px;
	}
	#nr_smr .nr__nav .nav-list__item .item_txt {
		text-align: center;
		width: 100%;
	}
	#nr_smr .nr__nav .nav-list__item a {
		display: block;
	}
	#nr_smr .nr__nav .nav-list__item .item_img {
		width: 100%;
	}
	#nr_smr .nr__nav .nav-list__item {
		max-width: 250px;
		width: 32%;
	}
}
/* ==========================

	content common

========================== */
#nr_smr .content_bg {
	background-color: #fff;
	margin-top: min(15.62vw,60px);
	position: relative;
	/* z-index: -1; */
}
#nr_smr .spot-intro {
	text-align: left;
}
#nr_smr .spot-intro .intro__shop {
    color: var(--main);
    font-size: min(8.53vw, 50px);
    background-color: #fff;
	border-radius: 0px 150px 150px 0px;
	padding: 10px 16px 10px 4px;
    margin-top: -28px;
    z-index: 1;
    position: relative;
    display: inline-block;
    margin-inline: auto;
    text-align: center;
    line-height: 1;
	font-family: var(--zen-min);
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	#nr_smr .spot-intro {
		text-align: center;
	}
	#nr_smr .spot-intro .intro__shop {
		padding: 16px 30px;
		border-radius: 76px;
	}
}
#nr_smr .spot-intro .intro__txt {
	color: var(--pnk);
	font-size: min(4.26vw, 21px);
	margin-top: 12px;
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
#nr_smr .spot-intro .intro__txt {
	margin-top: 0;
}
}
#nr_smr .spot-intro .intro__copy {
	font-size: min(3.46vw, 17px);
	margin-top: 8px;
	margin-bottom: min(4.8vw, 32px);
}
#nr_smr .nr__main .sec_ttl {
	font-size: min(4.3vw, 21px);
	line-height: 1.52;
	margin-top: min(6.2vw, 24px);
}
#nr_smr .nr__main .talk-list {
	margin-top: min(0, 24px);
	margin-bottom: min(7.5vw,40px);
}
#nr_smr .nr__main .talk-list__item {
	display: flex;
	flex-direction: column;
	font-size: min(3.73vw,17px);
	margin-top: min(3.2vw, 16px);
}
@media screen and (min-width: 599px) {
	#nr_smr .nr__main .talk-list__item {
		flex-direction: row;
	}
}
#nr_smr .nr__main .name {
	max-width: max-content;
    font-size: min(3.46vw,14px);
    margin-right: 12px;
    width: 100%;
}
@media screen and (min-width: 599px) {
	#nr_smr .nr__main .name {
		max-width: 100px;
		width: 14%;
	}
}
#nr_smr .nr__main .minami {
	color: var(--pnk);
}
#nr_smr .nr__main .umi {
	color: #FFB700;
}
#nr_smr .nr__main .staff {
	color: rgba(0, 32, 36, 0.50);
}
#nr_smr .nr__main .sec-img__column {
	display: flex;
    justify-content: space-between;
    gap: 4%;
}
#nr_smr .nr__main .sec01 .sec-img__column .img01 {
	max-width: 436px;
	width: 62%;
}
#nr_smr .nr__main .sec01 .sec-img__column .img02 {
    max-width: 228px;
    width: 38%;
    position: relative;
    top: min(24px,64px);
}
#nr_smr .nr__main .img-block {
	position: relative;
}
#nr_smr .nr__main .img-block .block__cmt {
	display: inline-flex;
    align-items: center;
    border-radius: 50px;
    border: solid 1px #fff;
    padding: 6px 18px 6px 12px;
	position: absolute;
	font-size: min(3.2vw, 14px);
}
#nr_smr .nr__main .img-block .minami_cmt {
	background-color: #FF7CB8;
	color: #fff
}
#nr_smr .nr__main .img-block .umi_cmt {
	background-color: var(--yel);
	color: var(--main)
}
#nr_smr .nr__main .img-block .block__cmt .icon {
	max-width: 36px;
	margin-right: 8px;
}
@media screen and (min-width: 599px) {
	#nr_smr .nr__main .img-block .block__cmt .icon {
		max-width: 48px;
		margin-right: 8px;
	}
}
#nr_smr .note {
	color: rgba(0, 32, 36, 0.70);
	font-size: min(3.43vw,12px);
	display: block;
}
#nr_smr .note:before {
	content: "※";
	display: inline-block;
}
#nr_smr .pos_re {
	position: relative;
}
#nr_smr .pc_acc {
	display: none;
}
@media screen and (min-width: 599px) {
	#nr_smr .pc_acc {
		position: absolute;
		display: block;
	}
}
/* ==========================

	ランキング

========================== */
#nr_smr .rank__line-last {
	rotate: 180deg;
	margin-top: 0;
}
@media screen and (min-width: 599px) {
	#nr_smr .rank__line-last {
		margin-top: 40px;
	}	
}
#nr_smr .rcmd-rank {
	margin-top: min(10vw, 40px);
	position: relative;
}
#nr_smr .rcmd-rank .rcmd-rank__ttl {
	text-align: center;	
	font-family: var(--zen-min);
	font-weight: 700;
}
#nr_smr .rcmd-rank .rcmd-rank__ttl .catch {
	display: block;
}
#nr_smr .rcmd-rank .rcmd-rank__ttl {
	font-size: min(6.6vw, 32px);
	line-height: 1.2;
	margin-bottom: min(7.5vw,42px);
	margin-top: min(4.35vw,17px);
}
#nr_smr .rcmd-rank .rcmd-rank__ttl > .catch {
	font-size: min(3.73vw,17px);
}
#nr_smr .rcmd-rank .rank-list {
	width: 92%;
	margin-inline: auto;
}
#nr_smr .rcmd-rank .rank-list__item {
    display: flex;
	flex-direction: column;
    gap: 4%;
    align-items: center;
    border-bottom: solid 1px #D6D6D6;
    padding-bottom: 16px;
    margin-top: 16px;
}
#nr_smr .rcmd-rank .rank-list__item:last-of-type {
    border-bottom: none
}
#nr_smr .rcmd-rank .rank-list__item .item__thumb {
	position: relative;
	max-width: max-content;
}
#nr_smr .rcmd-rank .rank-list__item .item__thumb .rank-i {
	max-width: 44px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#nr_smr .rcmd-rank .rank-list__item .item__txt {
	width: 100%;
    display: flex;
    flex-direction: column;
	position: relative;
}
#nr_smr .rcmd-rank .rank-list__item .item__txt h5 {
	font-size: min(4.53vw,21px);
	color: var(--main);
	margin-top: 12px
}
#nr_smr .rcmd-rank .rank-list__item .item__txt .price {
    font-family: "Aoboshi One", sans-serif;
    margin-top: 10px;
    background-color: var(--main);
    color: var(--yel);
    display: inline-flex;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: min(4vw, 22px);
    align-items: baseline;
    line-height: 1.2;
    margin-right: 0;
    margin-left: auto;
	position: absolute;
	right: 0;
}
#nr_smr .rcmd-rank .rank-list__item .item__txt .yen {
	font-size: min(3.43vw,12px);
	font-family: initial;
	margin-left: 2px;
}
#nr_smr .rcmd-rank .rank-list__item .item__txt p {
	font-size: min(3.46vw,15px);
}
@media screen and (min-width: 599px) {
	#nr_smr .rcmd-rank .rank-list__item {
		flex-direction: row;
	}
	#nr_smr .rcmd-rank .rank-list__item .item__thumb {
		max-width: 238px;
	}
	#nr_smr .rcmd-rank .rank-list__item .item__txt h5 { 
		margin-top: 0;
	}
	#nr_smr .rcmd-rank .rank-list__item .item__txt .price { 
		position: static;
		margin-top: 16px;
	}
}
#nr_smr .rcmd-rank .model_img {
    max-width: 131px;
    width: 27%;
    position: relative;
    bottom: -60px;
    left: auto;
    margin-inline: auto;
    margin-top: -40px;
}
@media screen and (min-width: 599px) {
	#nr_smr .rcmd-rank .model_img {
		max-width: 131px;
		width: 17%;
		position: absolute;
		bottom: -60px;
		left: -3%;
		margin-top: 0;
	}
}
/* ==========================

	おでかけ情報

========================== */
#nr_smr .nr__info {
	padding: min(11.25vw, 48px) 0;
	background-color: #E8F8FA;
}
#nr_smr .nr__info .info__ttl {
	font-size: min(5.31vw,21px);
	color: var(--main);
	width: 86%;
	margin-inline: auto;
	margin-bottom: min(5vw, 32px);
}
#nr_smr .nr__info .info-list {
	width: 86%;
	margin-inline: auto;
}
#nr_smr .nr__info .info-list .info-list__item {
	display: flex;
	flex-direction: column;
	border-bottom: solid 1px #BED1D4;
	padding: 0px 10px 16px;
	font-size: min(15px, 3.73vw);
	margin-bottom: 16px;
}
#nr_smr .nr__info .info-list .info-list__item dt {
	width: 100%;
	color: rgba(0, 32, 36, 0.70);
	margin-bottom: 4px;
}
#nr_smr .nr__info .info-list .info-list__item dd  > a  {
	text-decoration: underline;
	transition: all .3s;
}
#nr_smr .nr__info .info-list .info-list__item dd  > a:hover {
	opacity: 0.7;	
}
#nr_smr .nr__info .external-btn a {
	display: block;
	font-size: min(16px, 3.73vw);
	background-color: var(--main);
	color: #fff;
    border-radius: 100vw;
    padding: 12px 40px;
    margin-inline: auto;
    max-width: fit-content;
    margin-top: 24px;
	transition: all .3s;
}
#nr_smr .nr__info .external-btn a:hover {
	background-color: #FF7CB8;
}
@media screen and (min-width: 599px) {
	#nr_smr .nr__info .info-list .info-list__item {
		flex-direction: row;
	}
	#nr_smr .nr__info .info-list .info-list__item dt {
		width: 28%;
		max-width: 92px;
		margin-bottom: 0;
	}
}
#nr_smr .nr__info .info-list .info-list__item .item_box:before {
	content: "●";
	display: inline-block;
	color: var(--main);
}
#nr_smr .nr__info .info-list .info-list__item .item_box {
    padding-left: 10px;
    text-indent: -5px;
}
#nr_smr .nr__info .info-list .info-list__item .item_box:not(:last-of-type) {
		border-bottom: dashed 1px #BED1D4;
		padding-bottom: 12px;
		margin-bottom: 12px;
}
/* ==========================

	喫茶ドレミ

========================== */
#nr_smr #doremi .sec01 .img-block .minami_cmt {
	top: 4%;
    left: 2%;
}
#nr_smr #doremi .sec01 .img-block .umi_cmt {
	bottom: 4%;
    right: 2%;
}
#nr_smr #doremi .sec03 .img-block .minami_cmt {
	bottom: auto;
	top: 4%;
    left: 2%;
}
#nr_smr #doremi .sec03 .img-block .umi_cmt {
	bottom: 4%;
    right: 2%;
}
#nr_smr #doremi .acc01 {
    max-width: 211px;
    bottom: 0;
    left: -26%;
    width: 26%;
}
#nr_smr #doremi .acc02 {
    max-width: 225px;
    bottom: -50%;
    right: -26%;
    width: 28%;
}
#nr_smr #doremi .acc03 {
    max-width: 281px;
    bottom: -20%;
    left: -28%;
    width: 30%;
}
#nr_smr #doremi .acc04{
    max-width: 211px;
    right: -21%;
    width: 26%;
    bottom: -20%;
}
@media screen and (min-width: 768px) {
	#nr_smr #doremi .sec03 .img-block .minami_cmt {
		bottom: 4%;
		left: 2%;
		top: auto;
	}
}
/* ==========================

	通天閣

========================== */
#nr_smr #tutenkaku .info-list .info-list__item .bnr img {
	max-width: 380px !important;
    width: 100%;
}
#nr_smr #tutenkaku .info-list .info-list__item .bnr .link_txt {
	display: block;
	text-decoration: underline;
	font-size: min(3.75vw, 13px);

}
#nr_smr #tutenkaku .info-list .info-list__item .bnr .link_txt::before {
	content: "▶︎";
	display: inline-block;
	color: var(--main);
	margin-top: 8px;
}
#nr_smr #tutenkaku .sec01 .img-block .minami_cmt {
    bottom: auto;
    left: 2%;
    top: 4%;
}
#nr_smr #tutenkaku .sec01 .img-block .umi_cmt {
	bottom: 4%;
    left: 2%;
}
#nr_smr #tutenkaku .sec03 .img-block .minami_cmt {
	bottom: 4%;
    right: 2%;
}
#nr_smr #tutenkaku .sec03 .img-block .umi_cmt {
    top: 4%;
    left: 2%;
}
#nr_smr #tutenkaku .acc05 {
	max-width: 198px;
	width: 25%;
	top: -50%;
	left: -24%;
}
@media screen and (min-width: 768px) {
	#nr_smr #tutenkaku .sec01 .img-block .minami_cmt {
		bottom: 24%;
		left: 2%;
		top: auto;
	}
	#nr_smr #doremi .sec03 .img-block .minami_cmt {
		bottom: 4%;
		left: 2%;
	}
}
/* ==========================

	ぎふや本家

========================== */
#nr_smr #gifuya .intro__shop > span {
	font-size: min(5.31vw, 21px);
	display: block;
	margin-top: 8px;
	text-align: left;
	margin-left: 6px;
}
@media screen and (min-width: 768px) {
	#nr_smr #gifuya .intro__shop > span {
		text-align: center;
		margin-left: 0px;
	}
}
#nr_smr #gifuya .sec01 .img-block .minami_cmt {
	top: auto;
	bottom: 4%;
	right: 2%;
}
@media screen and (min-width: 768px) {
	#nr_smr #gifuya .sec01 .img-block .minami_cmt {
		top: 4%;
		bottom: auto;
	}
}
#nr_smr #gifuya .sec01 .img-block .umi_cmt {
	top: 4%;
    left: 2%;
}
#nr_smr #gifuya .sec03 .img-block .minami_cmt {
	bottom: 4%;
    right: 2%;
}
#nr_smr #gifuya .sec03 .img-block .umi_cmt {
    top: 4%;
    left: 2%;
}
#nr_smr #gifuya .acc06 { 
    max-width: 202px;
    width: 26%;
    right: -15%;
    top: -4%;
}
#nr_smr #gifuya .acc07 { 
    max-width: 209px;
    width: 26%;
    left: -27%;
    bottom: -20%;
}
#nr_smr #gifuya .acc08 { 
    max-width: 153px;
    width: 19%;
    right: -14%;
    top: -24%;
}
/* ==========================

	インスタ

========================== */
#nr_smr .nr__ig {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: min(12.5vw ,48px);
	margin-bottom: min(12.5vw ,48px);
	gap: 4%;
	align-items: center;
	width: 90%;
	margin-inline: auto;
}

#nr_smr .nr__ig .ig-img {
	max-width: 207px;
	width: 35%;
}

#nr_smr .nr__ig h4.ig-account {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}
#nr_smr .nr__ig h4.ig-account .ig-icon {
	margin-right: 8px;
	min-width: 22px;
	max-width: 42px;
	width: 16%;
}
@media screen and (min-width: 768px) {
	#nr_smr .nr__ig h4.ig-account .ig-icon {
		margin-right: 12px;
	}
}
#nr_smr .nr__ig h4.ig-account .ig-account-name .name {
	font-size: min(24px, 4.26vw);
	color: var(--pnk);
	line-height: 1;
}
#nr_smr .nr__ig h4.ig-account .ig-account-name .id {
	font-size: min(17px, 3.46vw);
	color: #878787;
	line-height: 1.2;
}
#nr_smr .nr__ig .ig-txt-box {
	width: 55%;
}
#nr_smr .nr__ig .ig-txt-box .ig-txt {
	font-size: min(15px, 3.2vw);
}
#nr_smr .nr__ig .ig-link {
	width: 80%;
}
#nr_smr .nr__ig .ig-link a {
	display: block;
    font-size: min(16px, 3.73vw);
    background-color: var(--yel);
    color: var(--main);
	border: solid 1px var(--main);
    border-radius: 100vw;
    padding: 16px 40px;
    max-width: 280px;
    margin-top: 24px;
    transition: all .3s;
    text-align: center;
	margin-inline: auto;
}
#nr_smr .nr__ig .ig-link a:hover {
	background-color: var(--main);
	color: var(--yel);
}
#nr_smr .nr__ig .ig-link a:hover::after {
	background-color: var(--grn);
}
@media screen and (min-width: 599px) {
	#nr_smr .nr__ig .ig-link a {
		margin-inline: inherit;	
	}
}
/* ==========================

	締め文

========================== */
#nr_smr .fin_copy {
    background-color: #F8A2C9;
    color: var(--main);
    padding-bottom: min(12.5vw, 40px);
	position: relative;
}
#nr_smr .fin_copy .fin-bg {
	position: relative;
	margin-top: -40px;
	background-color: #fff;
	width: 90%;
	margin-inline: auto;
	border-radius: 32px;
    padding: 10% 8%;
	text-align: left;
	font-size: min(3.46vw ,16px);
}
#nr_smr .fin_copy .fin-bg > p:nth-of-type(2) {
	margin-top: 12px;
	text-align: center;
}
@media screen and (min-width: 768px) {
	#nr_smr .fin_copy .fin-bg {
		text-align: center;
		width: 83%;
    	padding: 4% 8%;
	}
}
#nr_smr .fin_copy .fin-acc01,
#nr_smr .fin_copy .fin-acc02 {
	position: absolute;
	bottom: 0px;
}
#nr_smr .fin_copy .fin-acc01 {
    width: 150px;
    max-width: 19%;
    left: 2%;
    bottom: -2%;
}
#nr_smr .fin_copy .fin-acc02 {
	width: 138px;
	max-width: 18%;
	right: 0;
}
/* ==========================

	注意事項

========================== */
#nr_smr .nr__attention .attention-list {
	width: 86%;
	margin-inline: auto;
	margin-top: min(12.5vw, 40px);
	padding-bottom: min(12.5vw, 40px);
}
#nr_smr .nr__attention .attention-list .attention-item { 
	font-size: min(14px, 3.46vw);
	display: flex;
	line-height: 1.3;
	margin-top: 8px;
}
#nr_smr .nr__attention .attention-list .attention-item::before {
	content: "※";
	display: inline-block;
}
/* ==========================

	その他の特集記事

========================== */
#nr_smr .other-article {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	background-color: var(--yel);
	padding-top: min(10vw ,62px);
	padding-bottom: min(16vw ,80px);
}
#nr_smr .other-article .other-article__ttl {
	text-align: center;
	font-size: min(6.66vw, 32px);
	margin-bottom: min(7.5vw, 32px);
	color: var(--main);
	font-family: var(--zen-min);
	font-weight: 700;
}
#nr_smr .other-article .other-article__ttl > span {
	display: block;
	font-size: min(4.37vw, 17px);
}
#nr_smr .other-article .spot-slider {
	max-width: 1190px;
	margin-inline: auto;
	width: 90%;
}
#nr_smr .other-article .spot-slider .article-img {
	position: relative;
}
#nr_smr .other-article .spot-slider .article-img .cat {
	background-color: #fff;
    color: var(--main);
    font-size: 13px;
    padding: 2px 8px;
    border-radius: 100px;
    position: absolute;
    z-index: 1;
    top: 8px;
    left: 8px;
}
#nr_smr .other-article .spot-slider .article-info >h3 {
	font-size: min(3.73vw, 17px);
	line-height: 1.4;
	margin-top: 12px;
	margin-bottom: 12px;
}
#nr_smr .other-article .spot-slider .article-info > .tag {
	font-size: 11px;
	color: rgba(0, 0, 0, 0.60);
	display: flex;
	flex-wrap: wrap;
	gap: 2px 8px;
}
#nr_smr .other-article .spot-slider .article-info > .tag li::before {
	content: "#";
	display: inline-block;
}
@media screen and (min-width: 768px) {
	#nr_smr .other-article .spot-slider {
        width: 100%;
	}
}
#nr_smr .splide__track {
	position: relative;
}
#nr_smr .splide__pagination {
	bottom: -40px;
}
#nr_smr  .splide__pagination__page.is-active {
	background-color: var(--main);
}
/* ==========================

	アニメーション

========================== */

#nr_smr .fuwafuwa {
    animation: fuwafuwa 3s infinite ease-in-out;
}

@keyframes fuwafuwa {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}
#nr_smr .rotate {
    animation: rotate 5s infinite ease-in-out;
}
@keyframes rotate {
    0%, 100% {
        transform: rotate(-2deg);
    }
    50% {
        transform: rotate(6deg);
    }
}
#nr_smr .bound  {
	animation: 0.8s bound ease-in infinite alternate;
}
@keyframes bound {
	0%{
	  transform: translateY(5px) scale(1); /* 通常 */
	}
	50%{
	  transform: translateY(-5px) scale(1); /* 60%までは普通に落ちる */
	}
	100%{
	  transform: translateY(0px) scale(1); /* 落下時点で少し横長に */
	}
}
#nr_smr .anim_up {
	opacity: 0;
    transform: translate(0, 50px);
	transition:  all 0.6s ease-in-out;
}

#nr_smr .anim_up.fadeUp {
	opacity: 1;
    transform: translate(0px, 0px);
}