@charset "utf-8";
@media screen and (min-width : 641px) and (max-width: 1340px) {
	#tmp_splide_mainvisual .splide__controls{
		left: calc(55% + 40px);
	}
	#tmp_main_visual .mainvs_main_ttl h2{
		left: 56%;
		width: calc(41% - 7px);
	}
	#tmp_mainvs_main .splide__slide {
		width: calc(29% + 3px);
		padding-top: calc(11% + 3px);
		max-width: 380px;
	}
	#tmp_main_visual::before{
		width: 66%;
	}
	#tmp_splide_mainvisual.no-splide .splide__slide,
	.no_javascript #tmp_splide_mainvisual .splide__list{
		width: calc(55% + 5px);
	}
}
@media screen and (min-width : 641px) and (max-width: 1240px) {
	#tmp_mainvs_main{
		margin-left: 15px;
	}
}
@media screen and (min-width : 641px) and (max-width: 900px) {
	#tmp_splide_mainvisual .splide__toggle{
		margin: 0 15px;
	}
	.fsize_big #tmp_splide_mainvisual .splide__progress,
	.fsize_big2 #tmp_splide_mainvisual .splide__progress{
		padding-left: 5px;
		padding-right: 5px;
	}
	#tmp_news_sns .news_sns_wrap{
		flex-direction: column;
	}
	#tmp_news_sns .official_sns, 
	#tmp_news_sns .what_new{
		width: 100%;
	}
	#tmp_top_related .list_top_related {
		gap: 30px 10px;
	}
	#tmp_top_related .list_top_related>li {
		width: calc((100% - 40px) / 5);
	}
}
@media screen and (max-width : 640px) {
/* ==================================================
Main visual
================================================== */
#tmp_main_visual{
	padding: 0 10px;
    margin-top: -14px;
	z-index: 700;
	margin-bottom: 30px;
}
#tmp_main_visual::before{
	background-image: url(/shared/templates/top_nadeshikoplus_rn2026/images/main/bf_mv_sp.png);
	background-size: 32px auto;
	background-position: right top;
	width: calc(100% - 40px);
    top: 56px;
	bottom: 75px;
}
#tmp_main_visual .mainvs_main_ttl{
	max-width: 360px;
	margin: 0 -10px 8px auto;
}
#tmp_main_visual .mainvs_main_ttl h2{
	margin: 0;
	position: static;
	background-image: url(/shared/templates/top_nadeshikoplus_rn2026/images/main/tt_mv_sp.png);
	background-size: calc(100% - 23px) auto;
	height: 70px;
	width: auto;
	background-position: left 32px bottom -2px;
	padding: 10px;
	max-width: 360px;
}
#tmp_mainvs_main{
	margin-left: 0;
}
#tmp_mainvs_main .splide__slide{
	margin-bottom: 0;
}
#tmp_mainvs_main .mv_slide_inner{
	transform: scale(1) !important;
}
#tmp_splide_mainvisual .splide__slide.is-active,
#tmp_mainvs_main .splide__slide.is-active:not(.splide__slide--clone),
#tmp_mainvs_main .splide__slide{
	width: 100%;
	max-width: 100%;
	padding-top: 0;
}
#tmp_mainvs_main .splide__slide.is-active:not(.splide__slide--clone) .mv_slide_inner{
	font-size: 100%;
}
#tmp_splide_mainvisual .splide_controls_wrap{
	position: relative;
	top: auto;
	margin-top: 15px;
	display: block;
}
#tmp_splide_mainvisual .splide__controls{
	left: 6px;
	max-width: 100%;
}
#tmp_splide_mainvisual .splide__progress .progress_current{
	font-size: 118.7%;
}
#tmp_splide_mainvisual .splide__progress .progress_total{
	font-size: 75%;
	padding-left: 7px;
}
#tmp_mainvs_main #tmp_splide_mainvisual .splide__slide .mv_slide_inner{
	border: 1px solid #f6dde5;
}
.no_javascript #tmp_splide_mainvisual .splide__list{
	width: 100%;
	max-height: 290px;
}
#tmp_main_visual:has(.no-splide){
	margin-bottom: 0;
}
#tmp_splide_mainvisual.no-splide .splide__slide{
	width: 100%;
	margin-bottom: 61px;
}
#tmp_mainvs_main .splide__slide .link_common,
#tmp_mainvs_main .splide__slide.is-active:not(.splide__slide--clone) .link_common {
    padding: 4px 10px 2px 9px;
}
#tmp_mainvs_main .card_common .link_common .link_wrapper {
	padding: 5px 0 3px 18px;
	background-position: left center;
}
#tmp_news_sns .official_sns_list li .txt::before{
	display: none;
}
#tmp_splide_mainvisual .splide__toggle:hover{
    background-color: #ffffff;
}
#tmp_splide_mainvisual .splide__toggle:hover:before, 
#tmp_splide_mainvisual .splide__toggle:hover:after{
	background-color: #ce416e;
}
#tmp_splide_mainvisual .splide__toggle:hover:not(.is-active):before{
	border-color: transparent transparent transparent #ce416e;
    background-color: transparent;
}
#tmp_splide_mainvisual.no-splide .splide__slide .mv_slide_inner a{
	font-size: 100%;
	padding-bottom: 0;
}
/* ==================================================
Search by purpose
================================================== */
#tmp_top_search {
	padding: 7px 0 50px;
}
#tmp_top_search::before {
	background-size: 6px auto;
	background-position: calc(50% + 4px) top;
	top: 507px;
}
#tmp_top_search .title_common_primary {
    margin-bottom: 11px;
}
#tmp_top_search .filter_common_purpose .filter_wrapper:not(:last-child){
	margin-bottom: 22px;
}
#tmp_top_search .filter_common_purpose .button_common a {
    padding-top: 5px;
    padding-bottom: 0;
}
#tmp_top_search .list_common_links .link_common a::before{
	display: none;
}
/* ==================================================
News & SNS
================================================== */
#tmp_news_sns {
    margin-top: 32px;
	margin-bottom: 38px;
}
#tmp_news_sns .news_sns_wrap{
	flex-direction: column;
	gap: 50px;
}
#tmp_what_new .what_new_cnt li .date_txt,
#tmp_news_sns .official_sns, 
#tmp_news_sns .what_new{
	width: 100%;
	flex: none;
}
#tmp_what_new .what_new_cnt li{
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 17px;
}
#tmp_what_new .title_common_primary>p,
#tmp_what_new .title_common_primary>h2{
	background-position: left 12px, right top 13px;
	padding-right: 31px;
    padding-left: 31px;
	min-width: auto;        
	margin-left: 13px;
    margin-right: 12px;
}
#tmp_news_sns .title_common_primary::before, 
#tmp_news_sns .title_common_primary::after{
    top: 23px;
}
#tmp_what_new .title_common_primary{
    margin-bottom: 13px
}
#tmp_what_new .what_new_cnt li .link_txt a:hover{
	text-decoration: underline;
}
#tmp_what_new .button_common,
#tmp_news_sns .official_sns .button_common,
#tmp_news_sns .button_common{
	margin-top: 20px;
	padding-left: 0;
}
#tmp_what_new .button_common a,
#tmp_news_sns .button_common a{
	max-width: 180px;
	padding: 4px 0;
	font-size: 87.5%;
}
#tmp_what_new .button_common a span,
#tmp_news_sns .button_common a span {
    background-position: 2px 11px;
}
#tmp_news_sns .official_sns_btn a{
	padding: 10px 30px 7px 57px;
	background-image: url(/shared/site_nadeshikoplus_rn2026/images/icon/icon_arrow_sp.png);
	background-position: 36px 14px;
	background-size: 12px auto;
	max-width: inherit;
	min-width: 180px;
}
#tmp_news_sns .official_sns_btn a::before{
	content: none;
}
#tmp_news_sns .official_sns{
	padding: 22px 10px 28px;
}
#tmp_news_sns .official_sns .title_common_primary h2{
	font-size: 137.5%;
	padding: 3px 26px 3px 31px;
	max-width: calc(100% - 50px);
	background-position: left 7px, right 7px;
	margin-right: 9px;
	margin-left: 9px;
	min-width: auto;
}
#tmp_news_sns .official_sns .title_common_primary {
    margin-bottom: 13px;
	padding-right: 7px;
	padding-left: 1px;
}
#tmp_news_sns .official_sns_list{
	padding-right: 7px;
	gap: 10px;
}
#tmp_news_sns .official_sns_list li{
	width: calc((100% - 10px) / 2);
}
#tmp_news_sns .official_sns_list li a{
	font-size: 87.5%;
	padding: 19px 10px 16px 10px;
	flex-direction: column;
}
#tmp_news_sns .official_sns_list li .img{
	width: 40px;
	min-width: 40px;
	margin-right: 0;
	margin-bottom: 18px;
}
#tmp_news_sns .official_des{
	margin-bottom: 23px;
	padding-left: 2px;
}
#tmp_news_sns .official_sns .button_common{
	padding-right: 7px;
}
#tmp_news_sns .official_sns .title_common_primary::before, 
#tmp_news_sns .official_sns .title_common_primary::after {
	top: 17px;
}
/* ==================================================
Releated
================================================== */
#tmp_top_related .list_top_related {
	gap: 10px;
}
#tmp_top_related .list_top_related>li {
	width: calc(50% - 5px);
}
#tmp_top_related .list_top_related a:after {
	content: none;
}

#tmp_top_related {
	padding: 0 0 10px;
}
#tmp_top_related .title_common_primary {
	margin-bottom: 18px;
}


/* ==================================================
accessibility
================================================== */
.fsize_big2 #tmp_news_sns .what_new_cnt li .date_txt,
.fsize_big #tmp_news_sns .what_new_cnt li .date_txt{
	width: 100%;
}
.fsize_big2 #tmp_splide_mainvisual .splide__controls{
	left: 2px;
}
.color_blue #tmp_main_visual .mainvs_main_ttl h2,
.color_yellow #tmp_main_visual .mainvs_main_ttl h2,
.color_black #tmp_main_visual .mainvs_main_ttl h2 {
	font-size: 100%;
	height: auto;
}

/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}