@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mukta+Mahee:wght@200;300;400;500;600;700;800&display=swap');


:root {
  	--navy: #00023F;
	--white: #FFF;
}

.contentWrapper img {
	width: 100%;
	border: 0;
    vertical-align: bottom;
}

.contentWrapper a {
	text-decoration: none;
	transition: 0.3s;
}

.contentWrapper a:hover{
	text-decoration: none;
	/*opacity: 0.75;*/
}

.contentWrapper a:focus{
	text-decoration: none;
	outline: none;
	outline-offset: initial;
}

.contentWrapper h2 {
	text-align: center;
}

.fb_section_title {
	font-size: 36px;
	font-weight: 600;
	position: relative;
	z-index: 2;
}

.fb_viewmore_linkbox {
	display: flex;
	margin: 0 auto;
	text-align: center;	
	position: relative;
	z-index: 1;
}

.fb_viewmore_linkbox::before {
	content: "";
	width: 8.6px;
	height: 11.1px;
	background: url(/img/usr/freepage/fathersday2026/arrow.png);
	background-size: 8.6px 11.1px;
	position: absolute;
	top: 50%;
	right: 17px;
	transform: translateY(-50%);
	z-index: 2;
}

.fb_viewmore_link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 325px;
	height: 58px;
	margin: 0 auto;
	background: linear-gradient(to top, #003290, #004B9C, #0064A9);
	border-radius: 50px;
	position: relative;
	font-size: 18px;
	color: #FFF;
}

.fb_viewmore_link:hover {
	opacity: 0.75;
}

.notoSerif {
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.spNone{ display: block; }
.pcNone{ display: none; }

.CW1216{
	width: 1216px;
	margin:0 auto;
	padding: 0;
	box-sizing: border-box;
}

.CW1216FW{
	width: 1216px;
	margin:0 auto;
	padding: 0;
	box-sizing: border-box;
}

html[data-browse-mode=S] { /*SP*/
	.spNone{ display: none; }
	.pcNone{ display: block; }

	.CW1216{
		width: auto;
		margin:0 auto;
		padding: 0 5vw;
		box-sizing: border-box;
	}
	
	.CW1216FW{
		width: auto;
		margin:0 auto;
		padding: 0 0;
		box-sizing: border-box;
	}

	.fb_section_title {
		font-size: 6.4vw;
	}

	.fb_viewmore_linkbox {
		display: flex;
		text-align: center;	
	}

	.fb_viewmore_link {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 61vw;
		height: 11vw;
		margin: 0 auto;
		background: linear-gradient(to top, #003290, #004B9C, #0064A9);
		border-radius: 50px;
		position: relative;
		font-size: 4.1vw;
		color: #FFF;
	}

	.fb_viewmore_link:hover {
		opacity: 0.75;
	}
}


/*----------------------------------------------------------------------------------------
mainVisualSection
----------------------------------------------------------------------------------------*/

#mainVisualSection {
	height: 412px;
	background-color: #2FB5DD;
	position: relative;
    overflow: hidden;
}

#mainVisualSection h1{
	width: min(100%, 1800px);
    height: 100%;
    margin-inline: auto;
}

#mainVisualSection img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/*----------------------------------------------------------------------------------------
fdReadSection
----------------------------------------------------------------------------------------*/
#fdReadSection {
	padding-top: 68px;
	padding-bottom: 100px;
	background-color: #E8FAFF;
	color: #00023F;
}

.fd_read_title {
	text-align: center;
	font-size: 44px;
	font-family: "Mukta Mahee", sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-bottom: 24px;

}

.fd_read_text {
	text-align: center;
	line-height: 3rem;
	letter-spacing: 0.05em;
	font-size: 24px;
}

.fd_read_title img {
	display: block;
	width: 128px;
	height: 36px;
	margin: 0 auto;
}

.fd_read_nav ul {
	margin-top: 90px;
	display: flex;
	flex-flow: row wrap;
	gap: 29px;
}

.fd_read_nav li {
	width: 220px;
	height: 160px;
	position: relative;
	background-color: #1BA0C7;
	border: solid 4px #1BA0C7;
	border-radius: 10px;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.15);
}

.fd_read_nav a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 1;
}

.fd_read_nav li:hover {
	background-color: rgba(27, 160, 199, 0.4);
	transition: 0.3s;
}

.fd_read_nav a img:hover {
	opacity: 1;
}

.fd_read_nav img {
	width: 84px;
	height: 86px;
	position: absolute;
	top: -33px;
	left: 50%;
  	transform: translateX(-50%);
}

.fd_nav_text {
	padding-top: 20px;
	text-align: center;
	font-size: 26px;
	color: #ffffff;
}

.fd_nav_text_small {
	font-size: 22px;
}

.fd_nav_arrow {
	width: 9px;
    height: 9px;
    position: relative;
    margin-inline: auto;
	position: absolute;
	bottom: 16px;
    rotate: 45deg;
}

.fd_nav_arrow::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    transform-origin: right bottom;
    rotate: -5deg;
}

.fd_nav_arrow::after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    transform-origin: right bottom;
    rotate: 5deg;
}

html[data-browse-mode=S] { /*SP*/
	#fdReadSection {
		padding-top: 9vw;
		padding-bottom: 16vw;
		background-color: #E8FAFF;
		color: #00023F;
	}

	.fd_read_title {
		text-align: center;
		margin-bottom: 6vw;
		font-size: 7vw;
	}

	.fd_read_text {
		text-align: center;
		line-height: 7vw;
		font-size: 4vw;
	}

	.fd_read_title img {
		display: block;
		width: 20vw;
		height: 6vw;
		margin: 0 auto;
		margin-bottom: 4px;
	}

	.fd_read_nav ul {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
		margin-top: 15.6vw;
		gap: 15vw 2vw;
	}

	.fd_read_nav li {
		width: 56vw;
		height: 30vw;
		position: relative;
		background-color: #1BA0C7;
		border-radius: 3vw;
		box-shadow: 1vw 1vw 10px rgba(0,0,0,0.15);
	}

	.fd_read_nav li:hover {
		background-color: #1BA0C7;
	}	

	.fd_read_nav li:first-child {
		width: 100%;
	}

	.fd_read_nav li:not(:first-child) {
		width: calc(50% - 3vw);
	}

	.fd_read_nav a {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 100%;	
	}

	.fd_read_nav img {
		width: 16vw;
		height: 16vw;
		position: absolute;
		top: -7.8vw;
		left: 50%;
		transform: translateX(-50%);
	}

	.fd_nav_text {
		padding-top: 10.3vw;
		text-align: center;
		font-size: 4.8vw;
		color: #ffffff;
	}

	.fd_nav_text_small {
		font-size: 3vw;
	}

	.fd_nav_arrow {
		width: 2.3vw;
		height: 2.3vw;
		position: relative;
		margin-inline: auto;
		position: absolute;
		bottom: 2.4vw;
		rotate: 45deg;
	}
}

/*----------------------------------------------------------------------------------------
fdReadSection
----------------------------------------------------------------------------------------*/
#fbRecommendSection {
	padding-top: 66px;
	padding-bottom: 124px;
	background-color: #4FC0E0;
	position: relative;
	overflow: hidden;
}

#fbRecommendSection::before {
	content: "";
	background-image: url(/img/usr/freepage/fathersday2026/deco_flower_top_pc.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 1450px;
	height: 355px;
	position: absolute;
	top: 28px;
	left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}

#fbRecommendSection::after {
	content: "";
	background-image: url(/img/usr/freepage/fathersday2026/deco_flower_bottom_pc.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 1465px;
	height: 293px;
	position: absolute;
	bottom: -18px;
	left: 50%;
    transform: translateX(-50%);
	z-index: 1;
}

#fbRecommendSection h2 {
	color: #FFF;
	position: relative;
	z-index: 2;
}

#fbRecommendSection ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	gap: 40px;
	margin-top: 72px;
	position: relative;
	z-index: 2;
}

#fbRecommendSection li {
	width: 582px;
	height: 501px;
	padding: 30px 27px 44px 27px;
	border-radius: 10px;
	background-color: #FFF;
}

.fb_recommend_item_read {
	position: relative;
	padding-bottom: 20px;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	color: #00023F;
}

.fb_recommend_item_read::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #00023F;
	bottom: 0;
	left: 0;
}

.fb_recommend_item_desc {
	margin-top: 6px;
	line-height: 1.8em;
	font-weight: 400;
	font-size: 16px;
	color: #2F2F2F;
}

.fb_recommend_item_content {
	display: flex;
	justify-content: space-between;
}

.fb_recommend_item_img {
	width: 266px;
	height: 254px;
	margin-top: 28px;
}

.fb_recommend_item_content_right {
	width: 232px;
	height: auto;
	position: relative;
	margin-top: 28px;
}

.fb_recommend_item_name{
	line-height: 1.3;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
}

.rec_item_score[score="4.6"] {
    --score: 4.6;
}

.rec_item_brand {
	line-height: 2em;
	font-size: 18px;
	font-weight: 400;
}

.rec_item_score {
    font-size: 16px;
    line-height: 1;
    position: relative;
    color: #ccc;
    margin-bottom: 16px;
    display: inline-block;
}

.rec_item_score::before {
    content: "★★★★★";
    display: inline-block;
    width: calc(20% * var(--score));
    white-space: nowrap;
    overflow: hidden;
    color: #CDA046;
    position: absolute;
}

.rec_item_score::after {
    content: attr(score);
    color: #333;
    position: absolute;
    right: 0;
    top: 50%;
    translate: calc(100% + 10px) -50%;
}

.fb_recommend_item_price {
	font-size: 29px;
	font-weight: 700;
}

.fb_recommend_item_price .tax{
	font-size: 18px;
	font-weight: 500;
}

.fb_recommend_item_linkbox_pc{
	display: flex;
	text-align: center;	
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.fb_recommend_item_linkbox_pc::before {
	content: "";
	width: 5.8px;
	height: 9.5px;
	background: url(/img/usr/freepage/fathersday2026/arrow.png);
	background-size: 5.8px 9.5px;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	z-index: 2;
}

.fb_recommend_item_link{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	background: linear-gradient(to top, #003290, #004B9C, #0064A9);
	border-radius: 50px;
	position: relative;
	font-size: 18px;
	color: #FFF;
}

.fb_recommend_item_link:hover {
	opacity: 0.75;
}

html[data-browse-mode=S] { /*SP*/
	#fbRecommendSection {
		padding-top: 9vw;
		padding-bottom: 20vw;
		background-color: #4FC0E0;
		position: relative;
	}

	#fbRecommendSection::before {
		content: "";
		background-image: url(/img/usr/freepage/fathersday2026/deco_flower_top_sp.png);
		width: 109vw;
		height: 35vw;
		position: absolute;
		top: -8vw;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}

	#fbRecommendSection::after {
		content: "";
		background-image: url(/img/usr/freepage/fathersday2026/deco_flower_bottom_sp.png);
		width: 111vw;
		height: 33vw;
		position: absolute;
		bottom: -6vw;
		left: 50%;
		transform: translateX(-50%);
		z-index: 1;
	}

	#fbRecommendSection ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		gap: 7.7vw;
		margin-top: 8.2vw;
		position: relative;
		z-index: 2;
	}

	#fbRecommendSection li {
		width: 100%;
		height: auto;
		padding: 5.4vw 4.8vw 10vw 4.8vw;
		position: relative;
		border-radius: 3vw;
		background-color: #FFF;
	}

	.fb_recommend_item_read {
		position: relative;
		padding-bottom: 3vw;
		text-align: center;
		font-size: 4.6vw;
		font-weight: 500;
		color: #00023F;
	}

	.fb_recommend_item_read::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		background-color: #00023F;
		bottom: 0;
		left: 0;
	}

	.fb_recommend_item_desc {
		margin-top: 1.4vw;
		line-height: 1.7em;
		font-weight: 400;
		font-size: 3.6vw;
		color: #2F2F2F;
	}	

	.fb_recommend_item_content {
		display: initial;
		justify-content: center;
	}

	.fb_recommend_item_img {
		width: 78vw;	
		height: 78vw;
		margin: 0 auto;
		margin-top: 5.6vw;
	}

	.fb_recommend_item_content_right {
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 6.4vw;
		padding-bottom: 16vw;
	}

	.fb_recommend_item_name{
		line-height: initial;
		margin-bottom: 2vw;
		font-size: 4.1vw;
		font-weight: 600;
	}

	.rec_item_brand {
		line-height: initial;
		font-size: 3.6vw;
		font-weight: 400;
	}

	.rec_item_score {
		font-size: 4.6vw;
		line-height: 1;
		position: relative;
		color: #ccc;
		margin-bottom: 16px;
		display: inline-block;
	}

	.rec_item_score::after {
		content: attr(score);
		color: #333;
		position: absolute;
		right: 0;
		top: 50%;
		translate: calc(100% + 10px) -50%;
	}

	.fb_recommend_item_price {
		font-size: 5.8vw;
		font-weight: 700;
	}

	.fb_recommend_item_price .tax {
		font-size: 3.5vw;
		font-weight: 500;
	}

	.fb_recommend_item_linkbox_pc {
		display: none;
		text-align: center;	
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	.fb_recommend_item_link {
		display: none;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 50px;
		background: linear-gradient(to top, #003290, #004B9C, #0064A9);
		border-radius: 50px;
		position: relative;
		font-size: 18px;
		color: #FFF;
	}

	.fb_recommend_item_linkbox_sp {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 50vw;
		height: 11vw;
		background: linear-gradient(to top, #003290, #004B9C, #0064A9);
		border-radius: 50px;
		font-size: 18px;
		color: #FFF;
		position: absolute;
		bottom: 10vw;
		left: 50%;
		transform: translate(-50%);
	}

	.fb_recommend_item_link_sp{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: linear-gradient(to top, #003290, #004B9C, #0064A9);
		border-radius: 50px;
		position: relative;
		font-size: 4.1vw;
		color: #FFF;
	}

	.fb_recommend_item_link:hover {
		opacity: 1;
	}
}

/*----------------------------------------------------------------------------------------
fdBudgetSection
----------------------------------------------------------------------------------------*/
#fdBudgetSection {
	padding-top: 58px;
	padding-bottom: 94px;
	position: relative;
	background-color: #E8FAFF;
}

#fdBudgetSection::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/img/usr/freepage/fathersday2026/bg_yosan.png) repeat center top / 31px 62px;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
}

.fd_budget_title {
	color: #18205C;
}


.fd_budget_title img {
	display: block;
	width: 33px;
	height: 33px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.fd_budget_nav {
	position: relative;
	z-index: 2;
}

.fd_budget_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin-top: 37px;
}

.fd_budget_nav li {
	width: 290px;
	height: 97px;
	position: relative;
	background-color: #FFF;
	border: solid 3px #FFF;
	border-radius: 10px;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.15);
}

.fd_budget_nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: #18205C;
	border-radius: 10px;
}

.fd_budget_nav a::before {
	content: "";
	width: 8.64px;
	height: 14px;
	background: url(/img/usr/freepage/fathersday2026/arrow.png);
	background-size: 8.64px 14px;
	position: absolute;
	top: 50%;
	right: 19px;
	transform: translateY(-50%);
}

.fd_bd_nav_text {
	font-size: 23px;
	font-weight: 600;
	color: #FFF;
}

.fd_budget_nav a:hover {
	opacity: 0.75;
}

html[data-browse-mode=S] { /*SP*/
	#fdBudgetSection {
		padding-top: 8vw;
		padding-bottom: 16vw;
		background-color: #E8FAFF;
	}

	#fdBudgetSection::before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		background: url(/img/usr/freepage/fathersday2026/bg_yosan.png) repeat center top / 5.12vw 10.2vw;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}

	.fd_budget_title {
		color: #18205C;
	}

	.fd_budget_title img {
		display: block;
		width: 8vw;
		height: 8vw;
		margin: 0 auto;
	}

	.fd_budget_nav ul {
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-top: 5.6vw;
		gap: 3.8vw;
	}

	.fd_budget_nav li {
		width: calc(50% - 2.5vw);
		height: 17vw;
		background-color: #FFF;
		border: solid 3px #FFF;
		border-radius: 10px;
		box-shadow: 1vw 1vw 10px rgba(0,0,0,0.15);
	}

	.fd_budget_nav a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background-color: #18205C;
		border-radius: 10px;
		}

	.fd_budget_nav a::before {
		content: "";
		width: 1.52vw;
		height: 2.46vw;
		background: url(/img/usr/freepage/fathersday2026/arrow.png);
		background-size: 1.52vw 2.46vw;
		position: absolute;
		top: 50%;
		right: 1.8vw;
		transform: translateY(-50%);
	}

	.fd_bd_nav_text {
		font-size: 3.8vw;
		font-weight: 600;
		color: #FFF;
	}
}

/*----------------------------------------------------------------------------------------
fdCategorySection
----------------------------------------------------------------------------------------*/
#fdCategorySection {
	padding-top: 58px;
	padding-bottom: 94px;
	background-color: #18205C;
	position: relative;
}

#fdCategorySection::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/img/usr/freepage/fathersday2026/bg_category.png) repeat center top / 77px 262px;
    position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
}

.fd_category_title {
	color: #FFF;
	position: relative;
	z-index: 2;
}


.fd_category_title img {
	display: block;
	width: 33px;
	height: 33px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.fd_category_nav {
	position: relative;
	z-index: 2;
}

.fd_category_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin-top: 37px;
	
}

.fd_category_nav li {
	width: 190px;
	height: 253px;
	background-color: #FFF;
	border: solid 3px #FFF;
	border-radius: 10px;
	overflow: hidden;
}

.fd_category_nav_imagebox {
	width: 184px;
	height: 174px;
	border: solid 3px #FFF;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.fd_category_nav img {
	width: 234px;
	height: 100%;
	object-fit: cover;
}

.fd_category_nav_textbox {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100% - 174px);
}

.fd_category_nav p {
	text-align: center;
	font-size: 23px;
	font-weight: 600;
	color: #18205C;
}

html[data-browse-mode=S] { /*SP*/
	#fdCategorySection {
		padding-top: 11.7vw;
		padding-bottom: 18vw;
		background-color: #18205C;
	}

	#fdCategorySection::before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		background: url(/img/usr/freepage/fathersday2026/bg_category.png) repeat center top / 13.84vw 42.17vw;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}

	.fd_category_title img {
		display: block;
		width: 8vw;
		height: 8vw;
		margin: 0 auto;
	}

	.fd_category_nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-top: 6.6vw;
		gap: 5.6vw;
	}

	.fd_category_nav li {
		width: calc(50% - 2.8vw);
		height: 58vw;
		background-color: #FFF;
		border: solid 0.7vw #FFF;
		border-radius: 2.5vw;
		overflow: hidden;
	}

	.fd_category_nav_imagebox {
		width: 100%;
		height: 40vw;
		border: solid 0.7vw #FFF;
		border-radius: 2.5vw 2.5vw 0 0;
		overflow: hidden;
	}

	.fd_category_nav img {
		width: auto;
		height: 100%;
		object-fit: cover;
	}

	.fd_category_nav_textbox {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: calc(100% - 40.7vw);
	}

	.fd_category_nav p {
		text-align: center;
		font-size: 5.1vw;
		font-weight: 600;
		color: #18205C;
	}
}

/*----------------------------------------------------------------------------------------
fdFavoriteSection
----------------------------------------------------------------------------------------*/
#fdFavoriteSection {
	padding-top: 54px;
	padding-bottom: 108px;
	background-color: #1BA0C7;
}

.fd_favorite_title {
	color: #FFF;
}

.fd_favorite_title img {
	display: block;
	width: 42px;
	height: 35px;
	margin: 0 auto;
	margin-bottom: 12px;
}

.fd_favorite_text {
	margin-top: 60px;
}

.fd_favorite_text p {
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	color: #FFF;
}

.fd_favorite_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin-top: 27px;
}

.fd_favorite_nav li {
	width: 254px;
	height: 258px;
	background-color: #FFF;
	border: solid 3px #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.15);
}

.fd_favorite_nav li:hover {
	background-color: #caf3ff;
	border: solid 3px #caf3ff;
	transition: 0.3s;
}

.fd_favorite_nav a img:hover {
	opacity: 1;
}

.fd_favorite_nav_imagebox {
	width: 248px;
	height: 146px;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.fd_favorite_nav_imagebox img {
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 0 0;
	object-fit: cover;
	object-position: 50% 50%;
}

.fd_favorite_nav li:nth-child(1) .fd_favorite_nav_imagebox img {
	object-position: 50% 30%;
}

.fd_favorite_nav li:nth-child(4) .fd_favorite_nav_imagebox img {
	object-position: 50% 70%;
}

.fd_favorite_nav_textbox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100% - 140px);
}

.fd_favorite_nav li:nth-child(1) .fd_favorite_nav_textbox img {
	width: 29px;
	height: 29px;
}

.fd_favorite_nav li:nth-child(2) .fd_favorite_nav_textbox img {
	width: 25px;
	height: 28px;
}

.fd_favorite_nav li:nth-child(3) .fd_favorite_nav_textbox img {
	width: 30px;
	height: 30px;
}

.fd_favorite_nav li:nth-child(4) .fd_favorite_nav_textbox img {
	width: 34px;
	height: 23px;
}

.fd_favorite_nav p {
	padding-top: 6px;
	text-align: center;
	font-size: 23px;
	font-weight: 600;
	color: #18205C;
}

.fd_theme_content {
	display: flex;
	flex-wrap: wrap;
	row-gap: 100px;
	width: 100%;
	height: auto;
	margin-top: 100px;
}

.fd_theme_wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto;
	border-radius: 10px;
	padding: 52px 0 64px 0;
	background-color: #FFF;
}

.fd_theme_icon {
	margin-bottom: 12px;
}

#cate01 .fd_theme_icon {
	width: 39px;
	height: 39px;
}

#cate02 .fd_theme_icon {
	width: 36px;
	height: 40px;
}

#cate03 .fd_theme_icon {
	width: 40px;
	height: 40px;
}

#cate04 .fd_theme_icon {
	width: 45.6px;
	height: 31.2px;
}

.fd_theme_title {
	width: 1154px;
	text-align: center;
	border-bottom: solid 1px #18205C;
	padding-bottom: 28px;
	font-size: 36px;
	font-weight: 600;
	color: #18205C;
}

.fd_theme_item {
	width: 1154px;
	height: auto;	
}

.fd_theme_item ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;	
	padding-top: 34px;
}

#cate01 ul {
	padding-bottom: 64px;
}

#cate02 ul {
	padding-bottom: 77px;
}

#cate03 ul {
	padding-bottom: 82px;
}

#cate04 ul {
	padding-bottom: 49px;
}

.fd_theme_item li {
	width: 206px;
}

.theme_item_img {
	width: 206px;
	height: 206px;
	margin-bottom: 14px;
}

.theme_item_img img {
	height: 100%;
}

#fdFavoriteSection .theme02 .fd_theme_item li:nth-of-type(3) .theme_item_img {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 206px;
	height: 206px;
	overflow: hidden;
}

#fdFavoriteSection .theme02 .fd_theme_item li:nth-of-type(3) .theme_item_img img {
	width: 275px;
	height:  275px;
	max-width: none;
	object-fit: cover;
}

.theme_item_star {
	display: inline;
	font-size: 18px;
	color: #CDA046;
	padding-right: 6px;
}

.theme_item_score {
	display: inline;
	font-size: 18px;
	color: #2F2F2F;
}

.theme_item_name {
	font-size: 19px;
	font-weight: 400;
	margin: 11px 0;
}

.theme_item_price {
	font-size: 24px;
	font-weight: 600;
}

.tax {
	display: inline-block;
	margin-left: -6px;
	font-size: 15px;
}



html[data-browse-mode=S] { /*SP*/
	#fdFavoriteSection {
		padding-top: 12vw;
		padding-bottom: 20vw;
		background-color: #1BA0C7;
	}

	.fd_favorite_title {
		color: #FFF;
	}

	.fd_favorite_title img {
		display: block;
		width: 10vw;
		height: 8vw;
		margin: 0 auto;
		margin-bottom: 12px;
	}

	.fd_favorite_text {
		margin-top: 5.9vw;
	}					

	.fd_favorite_text p {
		text-align: center;
		line-height: 1.8;
		font-size: 4.1vw;
		font-weight: 500;
		color: #FFF;
	}

	.fd_favorite_nav ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-top: 9vw;
		row-gap: 7.6vw;
	}

	.fd_favorite_nav li {
		width: 43vw;
		height: 58vw;
		background-color: #FFF;
		border: solid 0.7vw #FFF;
		border-radius: 3vw;
		overflow: hidden;
		box-shadow: 1.5vw 1.5vw 2.5vw rgba(0,0,0,0.15);
	}

	.fd_favorite_nav li:hover {
		background-color: #fff;
		border: solid 3px #fff;
		transition: 0.3s;
	}

.fd_favorite_nav a img:hover {
		opacity: 1;
	}

	.fd_favorite_nav_imagebox {
		width: 100%;
		height: 34.6vw;
		border: solid 0.7vw #FFF;
		border-radius: 3vw 3vw 0 0;
		overflow: hidden;
	}

	.fd_favorite_nav_imagebox img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.fd_favorite_nav li:nth-child(1) .fd_favorite_nav_imagebox img {
		object-position: 50% 50%;
	}

	.fd_favorite_nav li:nth-child(4) .fd_favorite_nav_imagebox img {
		object-position: 50% 0;
	}

	.fd_favorite_nav_textbox {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: calc(100% - 34.6vw);
	}

	.fd_favorite_nav li:nth-child(1) .fd_favorite_nav_textbox img {
		width: 6.7vw;
		height: 6.7vw;
	}

	.fd_favorite_nav li:nth-child(2) .fd_favorite_nav_textbox img {
		width: 6.1vw;
		height: 7.1vw;
	}

	.fd_favorite_nav li:nth-child(3) .fd_favorite_nav_textbox img {
		width: 6.9vw;
		height: 6.9vw;
	}

	.fd_favorite_nav li:nth-child(4) .fd_favorite_nav_textbox img {
		width: 8.7vw;
		height: 6vw;
	}

	.fd_favorite_nav p {
		padding-top: 1.3vw;
		text-align: center;
		font-size: 5.1vw;
		font-weight: 600;
		color: #18205C;
	}

	.fd_theme_content {
		display: flex;
		flex-wrap: wrap;
		row-gap: 12.8vw;
		width: 100%;
		height: auto;
		margin-top: 9.2vw;
	}

	.fd_theme_wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: auto;
		position: relative;
		border-radius: 3vw;
		padding: 8.2vw 0 13.3vw 0;
		background-color: #FFF;
	}

	.fd_theme_wrap::before {
		content: "";
		position: absolute;
		left: 5vw;
		right: 5vw;
		bottom: 34.1vw;
		height: 4px;
		background: #A9A3A3;
		border-radius: 999px;
	}

	.fd_theme_wrap::after {
		content: "";
		position: absolute;
		left: calc(5vw + var(--scroll, 0vw));
		bottom: 34.1vw;
		width: 47%;
		height: 4px;
		background: #FFE100;
		border-radius: 999px;
		transform: translateX(var(--scroll, 0));
	}

	.fd_theme_icon {
		margin-bottom: 1.2vw;
	}

	#cate01 .fd_theme_icon {
		width: 10.1vw;
		height: 10.1vw;
	}

	#cate02 .fd_theme_icon {
		width: 9.2vw;
		height: 10.2vw;
	}

	#cate03 .fd_theme_icon {
		width: 10.3vw;
		height: 10.3vw;
	}

	#cate04 .fd_theme_icon {
		width: 11.7;
		height: 8vw;
	}

	.fd_theme_title {
		width: 81.2vw;
		text-align: center;
		border-bottom: solid 1px #18205C;
		padding-bottom: 5.9vw;
		font-size: 7vw;
		font-weight: 600;
		color: #18205C;
	}

	.fd_theme_title span {
		font-size: 6.6vw;
	}

	.fd_theme_item {
		width: 81.2vw;
		overflow-x: auto;
		height: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0 5vw;
		position: relative;
		scrollbar-width: none;
	}

	.fd_theme_item::-webkit-scrollbar {
		display: none;
	}

	.fd_theme_item ul {
		display: flex;
		flex-wrap: nowrap;
		justify-content: initial;
		width: max-content;
		height: auto;	
		padding-top: 5.9vw;
		gap: 7vw;
	}

	#cate01 ul {
		padding-bottom: 22.3vw;
	}

	#cate02 ul {
		padding-bottom: 36.9vw;
	}

	#cate03 ul {
		padding-bottom: 22.3vw;
	}

	#cate04 ul {
		padding-bottom: 22.3vw;
	}

	.fd_theme_item li {
		width: 52.8vw;
		flex-shrink: 0;
	}

}

/*----------------------------------------------------------------------------------------
fdBrandSection
----------------------------------------------------------------------------------------*/
#fdBrandSection {
	padding-top: 54px;
	padding-bottom: 80px;
	background-color: #E8FAFF;
}

.fd_brand_title {
	color: #18205C;
}

.fd_brand_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1032px;
	height: auto;
	margin: 0 auto;
	margin-top: 36px;
}

.fd_brand_nav li {
	width: 316px;
	margin-bottom: 62px;
}

.fd_brand_nav_imagebox {
	width: 100%;
	height: 109px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF;
	border: solid 3px #E1E8EC;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.15);
}

.fd_brand_nav li:nth-child(1) .fd_brand_nav_imagebox img {
	width: 145px;
	height: 91px;
}

.fd_brand_nav li:nth-child(2) .fd_brand_nav_imagebox img {
	width: 217px;
	height: 85px;
}

.fd_brand_nav li:nth-child(3) .fd_brand_nav_imagebox img {
	width: 194px;
	height: 97px;
}

.fd_brand_nav li:nth-child(4) .fd_brand_nav_imagebox img {
	width: 139px;
	height: 88px;
}

.fd_brand_nav li:nth-child(5) .fd_brand_nav_imagebox img {
	width: 230px;
	height: 82px;
}

.fd_brand_nav li:nth-child(6) .fd_brand_nav_imagebox img {
	width: 193px;
	height: 94px;
}

.fd_brand_nav p {
	text-align: center;
	font-size: 19px;
	color: #18205C;
}

html[data-browse-mode=S] { /*SP*/
	#fdBrandSection {
		padding-top: 14vw;
		padding-bottom: 15vw;
		background-color: #E8FAFF;
	}

	.fd_brand_nav ul {
		display: flex;
		flex-wrap: wrap;
		row-gap: 5.9vw;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 5.9vw;
		margin-bottom: 0;
	}

	.fd_brand_nav li {
		width: calc(50% - 3vw);
		margin-bottom: 0;
	}

	.fd_brand_nav_imagebox {
		width: 100%;
		height: 17vw;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #FFF;
		margin-bottom: 3.3vw;
		border: solid 0.7vw #E1E8EC;
		border-radius: 3vw;
		overflow: hidden;
		box-shadow: 1.5vw 1.5vw 2.5vw rgba(0,0,0,0.15);
	}

	.fd_brand_nav li:nth-child(1) .fd_brand_nav_imagebox img {
		width: 19.7vw;
		height: 12vw;
	}

	.fd_brand_nav li:nth-child(2) .fd_brand_nav_imagebox img {
		width: 30vw;
		height: auto;
	}

	.fd_brand_nav li:nth-child(3) .fd_brand_nav_imagebox img {
		width: 26vw;
		height: auto;
	}

	.fd_brand_nav li:nth-child(4) .fd_brand_nav_imagebox img {
		width: 19vw;
		height: auto;
	}

	.fd_brand_nav li:nth-child(5) .fd_brand_nav_imagebox img {
		width: 31vw;
		height: auto;
	}

	.fd_brand_nav li:nth-child(6) .fd_brand_nav_imagebox img {
		width: 26.1vw;
		height: auto;
	}

	.fd_brand_nav p {
		text-align: center;
		font-size: 4.1vw;
		color: #18205C;
	}
}

/*----------------------------------------------------------------------------------------
fdTipsSection
----------------------------------------------------------------------------------------*/
#fdTipsSection {
	padding-top: 54px;
	padding-bottom: 80px;
	position: relative;
	background-color: #4FC0E0;
}

#fdTipsSection::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(/img/usr/freepage/fathersday2026/bg_mamechishiki.png) repeat center top / 59px 102px;
    position: absolute;
    left: 0;
    top: 0;
	opacity: 0.1;
	z-index: 1;
}

.fd_tips_title {
	color: #FFF;
}

.fd_tips_title img {
	display: block;
	width: 89px;
	height: 25px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.fd_tips_nav ul {
	display: flex;
	flex-wrap: wrap;
	row-gap: 67px;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 64px;
	position: relative;
	z-index: 1;
}

.fd_tips_nav li {
	width: 580px;
	height: 350px;
	border-radius: 10px;
	overflow: hidden;
}

.fd_tips_nav li:nth-child(3) {
	height: 387px;
}

.fd_tips_nav li:nth-child(4) {
	height: 387px;
}

.fd_tips_column_title_box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 75px;
	background-color: #18205C;
}

.fd_tips_column_title_box p {
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	color: white;
}

.fd_tips_column_title_box span {
	color: #FFE629;
}

.fd_tips_column_desc_box {
	display: flex;
	justify-content: center;
	width: 100%;
	height: calc(100% - 75px);
	padding: 32px 28px 0 28px;
	background-color: #FFF;
}

.fd_tips_column_desc_box p {
	line-height: 1.9;
	font-size: 18px;
	color: #18205C;
}

html[data-browse-mode=S] { /*SP*/
	#fdTipsSection {
		padding-top: 11vw;
		padding-bottom: 18vw;
		background-color: #4FC0E0;
	}

	#fdTipsSection::before {
		content: "";
		display: inline-block;
		width: 100%;
		height: 100%;
		background: url(/img/usr/freepage/fathersday2026/bg_mamechishiki.png) repeat center top / 17.6vw 35.38vw;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.1;
		z-index: 1;
	}

	.fd_tips_title img {
		display: block;
		width: 22.8vw;
		height: 6.4vw;
		margin: 0 auto;
		margin-bottom: 3.8vw;
	}

	.fd_tips_nav ul {
		display: flex;
		flex-wrap: wrap;
		row-gap: 12.8vw;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin: 0 auto;
		margin-top: 9.7vw;
	}

	.fd_tips_nav li {
		width: 100%;
		height: auto;
		border-radius: 3vw;
		overflow: hidden;
	}

	.fd_tips_nav li:nth-child(3) {
		height: auto;
	}

	.fd_tips_nav li:nth-child(4) {
		height: auto;
	}

	.fd_tips_column_title_box {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 19vw;
		background-color: #18205C;
	}

	.fd_tips_nav li:nth-child(4) .fd_tips_column_title_box {
		height: 26.6vw;
	}

	.fd_tips_column_title_box p {
		text-align: center;
		font-size: 6.6vw;
		font-weight: 500;
		color: white;
	}

	.fd_tips_column_title_box span {
		color: #FFE629;
	}

	.fd_tips_column_desc_box {
		display: flex;
		justify-content: center;
		width: 100%;
		height: auto;
		padding: 5.1vw 6% 7.8vw 6%;
		background-color: #FFF;
	}

	.fd_tips_column_desc_box p {
		line-height: 1.9;
		font-size: 18px;
		color: #18205C;
	}
}