@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 h3,.contentWrapper p {
	color: #682308;
}

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

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

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

.contentWrapper a.hover_none:hover {
    opacity: 1;
}


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

.contentWrapper h2 {
	text-align: center;
}

.noto-serif {
	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;
	}
}


/*----------------------------------------------------------------------------------------
mainVisualSection
----------------------------------------------------------------------------------------*/
#mainVisualSection {
	position: relative;
}

#mainVisualSection img {
	max-width: 100%;
    vertical-align: bottom;
}

/*----------------------------------------------------------------------------------------
ShippingFreeSection
----------------------------------------------------------------------------------------*/
#ShippingFreeSection {
	padding: 24px 0 24px 0;
	text-align: center;
	background-color: #961700;
}

#ShippingFreeSection p {
	color: #FFF;
}

.shipping_notice {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 30px;
}

.shipping_notice img {
	width: 70px;
	height: 48px;
	margin-right: 16px;
}

.shipping_notice_note {
	font-size: 30px;
}

.shipping_notice span {
	font-size: 42px;
}

.shipping_notice_note {
	font-size: 30px;
}

.annotation {
	font-size: 16px;
}

html[data-browse-mode=S] { /*SP*/
	#ShippingFreeSection {
	padding: 5vw 0 5vw 0;
	text-align: center;
	background-color: #961700;
}

#ShippingFreeSection p {
	color: #FFF;
}

.shipping_notice {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	font-size: 30px;
}

.shipping_notice img {
	width: 14vw;
	height: 9.6vw;
	margin-right: 16px;
}

.shipping_notice span {
	font-size: 6.9vw;
}

.shipping_notice_note {
	text-align: left;
	line-height: 1.6em;
	font-size: 4.8vw;
}

.annotation {
	width: 92.5vw;
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	font-size: 3vw;
}
}

/*----------------------------------------------------------------------------------------
mxNoveltySection
----------------------------------------------------------------------------------------*/
#mxNoveltySection {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0 114px 0;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_01_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 763px;
	background-color: #FCEFBB;
}

.novelty_content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 985px;
	height: 543px;
	padding: 0 77px 0 77px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_novelty.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.postcard_text p {
	line-height: 1.3;
	letter-spacing: 0em;
	color: #FFF;
}

.postcard_heading {
	position: relative;
	display: flex;
	align-items: end;
	padding: 0 0 12px 0;
}

.postcard_heading::before {
	position: absolute;
	content: "";
	width: 650px;
	height: 2px;
	background-color: white;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.postcard_lead {
	font-size: 26px;
}

.postcard_present {
	margin-left: 20px;
	font-size: 39px;
}

.postcard_present .span01,
.postcard_present .span02 {
	position: relative;
	font-size: 51px;
}

.postcard_present .span01::before,
.postcard_present .span02::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 37%;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
}

.postcard_character {
	padding: 14px 0;
	font-size: 34px;
}

.postcard_title {
	position: relative;
	display: inline-block;
	margin-left: -26px;
	letter-spacing: 1em;
	font-size: 48px;
	z-index: 1;
}

.postcard_title::after {
	content: "";
	position: absolute;
	width: 560px;
	height: 74px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #961700;
	z-index: -1;
}

.postcard_note {
	margin-top: 20px;
	font-size: 16px;
}

.postcard_image {
	position: relative;
	width: 348px;
	height: 380px;
	margin-right: -56px;
	z-index: 1;
}

html[data-browse-mode=S] { /*SP*/
	#mxNoveltySection {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 13.5vw 0 18.4vw 0;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_01_sp_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 135vw;
	background-color: #FCEFBB;
}

.novelty_content {
	position: relative;
	display: flex;
	width: 92.5vw;
	height: 104vw;
	padding: 0 4.8vw 0 4.8vw;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_novelty_sp.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.postcard_text p {
	line-height: 1.2;
	letter-spacing: 0.06em;
	color: #FFF;
}

.postcard_heading {
	position: relative;
	display: block;
	align-items: end;
	padding: 0;
}

.postcard_heading::before {
	position: absolute;
	content: "";
	width: 80.2vw;
	height: 1px;
	background-color: white;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.postcard_lead {
	text-align: center;
	font-size: 4.6vw;
}

.postcard_present {
	margin: 5vw 0 0 0;
	padding-bottom: 3vw;
	font-size: 7.7vw;
}

.postcard_present .span01,
.postcard_present .span02 {
	position: relative;
	font-size: 10vw;
}

.postcard_present .span01::before,
.postcard_present .span02::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 37%;
    width: 2.5vw;
    height: 2.5vw;
    background: #fff;
    border-radius: 50%;
}

.postcard_character {
	padding: 3vw 0;
	font-size: 4.8vw;
}

.postcard_title {
	position: relative;
	display: inline-block;
	margin-left: -3vw;
	letter-spacing: 1em;
	font-size: 4.9vw;
	z-index: 1;
}

.postcard_title::after {
	content: "";
	position: absolute;
	width: 58vw;
	height: 10vw;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #961700;
	z-index: -1;
}

.postcard_note {
	margin-top: 6vw;
	font-size: 2.8vw;
}

.postcard_image {
	position: absolute;
	top: 34.2vw;
	right: -0.2vw;
	width: 31.2vw;
	height: 40.2vw;
	margin-right: 0;
	z-index: 1;
}
}

/*----------------------------------------------------------------------------------------
mxProductsSection
----------------------------------------------------------------------------------------*/
#mxProductsSection {
	background-color: #FCEFBB;
}

#mxProductsSection .product {
	display: flex;
	justify-content: space-evenly;
}

#mxProductsSection .product01 {
	position: relative;
	width: 100%;
	height: 762px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 762px;
}

#mxProductsSection .product02 {
	position: relative;
	width: 100%;
	height: 557px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 557px;
}

#mxProductsSection .product03,
#mxProductsSection .product04,
#mxProductsSection .product06,
#mxProductsSection .product07,
#mxProductsSection .product08,
#mxProductsSection .product09 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 608px;
	height: 486px;
}

#mxProductsSection .product03 img {
	width: 570px;
}

#mxProductsSection .product04 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 608px;
	height: 486px;
}

#mxProductsSection .product04 img {
	width: 315px;
}

#mxProductsSection .product03_04,
#mxProductsSection .product06_07,
#mxProductsSection .product08_09 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
}

#mxProductsSection .product03_04 {
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 486px;
}

#mxProductsSection .product05 {
	width: 100%;
	height: 912.69px;
	padding-top: 162px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_05.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 912.69px;
}


#mxProductsSection .product06_07 {
	width: 100%;
	height: 501px;
	padding-top: 35px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_06.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 501px;
}

#mxProductsSection .product08_09 {
	width: 100%;
	height: 538.05px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_07.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 538.05px;
}

#mxProductsSection .viewmore {
	width: 100%;
	height: 538.05px;
	margin-top: -1px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_08.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 2526px 538.05px;
}

.product {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product li {
	text-align: center;
}

.product_img_b {
	width: 790px;
	height: 525px;
}

.product_img {
	width: auto;
	height: 296px;
}

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

.product_price {
	font-size: 23px;
	font-weight: 700;
}

.product_price span {
	font-size: 19px;
}

.product_link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 58px;
	background-color: #682308;
	border-radius: 30px;
	margin: 0 auto;
	margin-top: 36px;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
	z-index: 9;
}

.product_more_link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 58px;
	background-color: #682308;
	border-radius: 30px;
	margin: 0 auto;
	color: #FFF;
	font-size: 18px;
	font-weight: 600;
}

.product_link::before,
.product_more_link::before {
	content: "";
	position: absolute;
	width: 6.85px;
	height: 11.13px;
	background-image: url("/img/usr/freepage/maxims_mooncake2026/arrow.png");
	background-size: cover;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.viewmore {
	padding-top: 58px;
}

/*SOLD OUT*/

#mxProductsSection .sold_out {
	position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -90px;
	text-align: center;
	letter-spacing: 0.2em;
    color: #fff;
    font-weight: bold;
	font-size: 36px;
	z-index: 8;
}

#mxProductsSection .sold_out_small {
	position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -120px;
	text-align: center;
	letter-spacing: 0.2em;
    color: #fff;
    font-weight: bold;
	font-size: 36px;
	z-index: 8;
}

#mxProductsSection .product01::before,
#mxProductsSection .product05::before {
	content: "";
    position: absolute;
    width: 820px;
    height: 660px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}

#mxProductsSection .product05::before {
	top: 156px;
}

/*#mxProductsSection .product02::before {
	content: "";
    position: absolute;
    width: 580px;
    height: 450px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}*/

#mxProductsSection .product03,
#mxProductsSection .product04,
#mxProductsSection .product05,
#mxProductsSection .product08,
#mxProductsSection .product09 {
	position: relative;
}

#mxProductsSection .product03::before,
#mxProductsSection .product04::before,
#mxProductsSection .product08::before,
#mxProductsSection .product09::before {
	content: "";
    position: absolute;
    width: 580px;
    height: 400px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}

html[data-browse-mode=S] { /*SP*/ 
	#mxProductsSection {
	background-color: #FCEFBB;
}

#mxProductsSection .product {
	display: flex;
	justify-content: space-evenly;
}

#mxProductsSection .product01 {
	width: 100%;
	height: 120.2vw;
	margin-top: -1.7vw;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_02_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 120.2vw;
	
}

#mxProductsSection .product02 {
	width: 100%;
	height: 100.2vw;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_03_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 100.2vw;
}

#mxProductsSection .product03,
#mxProductsSection .product04,
#mxProductsSection .product06,
#mxProductsSection .product07,
#mxProductsSection .product08,
#mxProductsSection .product09 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 90vw;
	height: 103.3vw;
}

/*#mxProductsSection .product04 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 608px;
	height: 486px;
}*/

#mxProductsSection .product02 img,
#mxProductsSection .product03 img,
#mxProductsSection .product07 img {
	width: 93.5vw;
}

#mxProductsSection .product04 img,
#mxProductsSection .product06 img {
	width: 50.4vw;
}

#mxProductsSection .product01 img,
#mxProductsSection .product05 img {
	display: inline-block;
	margin-bottom: 0;
}

#mxProductsSection .product03_04,
#mxProductsSection .product06_07,
#mxProductsSection .product08_09 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

#mxProductsSection .product03_04 {
	height: 214.4vw;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_04_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 222.8vw 214.4vw;
}

#mxProductsSection .product05 {
	width: 100%;
	height: 110.5vw;
	padding-top: 0px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_05_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 110.5vw;
}

#mxProductsSection .product06_07 {
	width: 100%;
	height: 207.1vw;
	padding-top: 0px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_06_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 207.1vw;
}

#mxProductsSection .product08_09 {
	width: 100%;
	height: 207.1vw;
	margin-top: -0.2vw;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_07_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 207.1vw;
}

#mxProductsSection .viewmore {
	width: 100%;
	height: 42.5vw;
	margin-top: -1px;
	background-image: url(/img/usr/freepage/maxims_mooncake2026/bg_08_sp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 165.1vw 42.5vw;
}

.product {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product li {
	text-align: center;
}

.product_img_b {
	width: 90vw;
	height: 59.8vw;
}

.product_img {
	width: 50.4vw;
	height: auto;
}

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

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

.product_price span {
	font-size: 4vw;
}

.product_link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 51.2vw;
	height: 14.8vw;
	background-color: #682308;
	border-radius: 7.4vw;
	margin: 0 auto;
	margin-top: 6.4vw;
	color: #FFF;
	font-size: 4.6vw;
	font-weight: 600;
	z-index: 9;
}

.product_more_link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 71.7vw;
	height: 14.8vw;
	background-color: #682308;
	border-radius: 7.4vw;
	margin: 0 auto;
	color: #FFF;
	font-size: 4.6vw;
	font-weight: 600;
}

.product_link::before,
.product_more_link::before {
	content: "";
	position: absolute;
	width: 1.75vw;
	height: 2.85vw;
	background-image: url("/img/usr/freepage/maxims_mooncake2026/arrow.png");
	background-size: cover;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.viewmore {
	padding-top: 58px;
}

/*SOLD OUT*/

#mxProductsSection .sold_out {
	position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -90px;
	text-align: center;
	letter-spacing: 0.2em;
    color: #fff;
    font-weight: bold;
	font-size: 6vw;
	z-index: 8;
}

#mxProductsSection .sold_out_small {
	position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20vw;
	text-align: center;
	letter-spacing: 0.2em;
    color: #fff;
    font-weight: bold;
	font-size: 6vw;
	z-index: 8;
}

#mxProductsSection .product01::before,
#mxProductsSection .product05::before {
	content: "";
    position: absolute;
    width: 94vw;
    height: 98vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
}

#mxProductsSection .product05::before {
	height: 88vw;
}

/*#mxProductsSection .product02::before {
	content: "";
    position: absolute;
    width: 94vw;
    height: 81vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}*/

#mxProductsSection .product03,
#mxProductsSection .product04,
#mxProductsSection .product08,
#mxProductsSection .product09 {
	position: relative;
}

#mxProductsSection .product03::before,
#mxProductsSection .product04::before {
	content: "";
    position: absolute;
    width: 94vw;
    height: 81vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}

/*#mxProductsSection .product07::before {
	content: "";
    position: absolute;
    width: 94vw;
    height: 75vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}*/

#mxProductsSection .product08::before {
	content: "";
    position: absolute;
    width: 94vw;
    height: 80vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}

#mxProductsSection .product09::before {
	content: "";
    position: absolute;
    width: 94vw;
    height: 78vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(128, 128, 128, .5);
    
}
}

/*----------------------------------------------------------------------------------------
mxColumnSection
----------------------------------------------------------------------------------------*/
#mxColumnSection {
	background: url("/img/usr/freepage/maxims_mooncake2026/bg_column.png") center top / cover no-repeat;
	margin-top: -157px;
	padding: 160px 0 450px 0;
	color: #682308;
}
	
.column_content {
	position: relative;
	width: 1032px;
	margin: 0 auto;
	padding-top: 140px;
}

.column_content:nth-child(1)::before {
	content: "";
	width: 517px;
	height: 486px;
	position: absolute;
	top: -58px;
	left: -240px;
	background-image: url("/img/usr/freepage/maxims_mooncake2026/column_top.png");
}

.column_content:nth-child(3)::before {
	content: "";
	width: 573px;
	height: 398px;
	position: absolute;
	bottom: -387px;
	right: -251px;
	background-image: url("/img/usr/freepage/maxims_mooncake2026/column_bottom.png");
}

.column_title {
	padding: 14px 0;
	text-align: center;
	font-size: 34px;
	font-weight: 700;
	border-bottom: solid 3px #682308;
}

.column_lead {
	padding: 30px 0; 
	font-size: 29px;
	font-weight: 500;
}

.column_text {
	letter-spacing: 0.01em;
	line-height: 2;
	font-size: 18px;
	font-weight: 500;
}

html[data-browse-mode=S] { /*SP*/
#mxColumnSection {
	background: url("/img/usr/freepage/maxims_mooncake2026/bg_column_sp.png");
	background-position: center top;
	background-size: cover;
	margin-top: -10.5vw;
	padding: 17.4vw 0 46.1vw 0;
	color: #682308;
}
	
.column_content {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding-top: 15vw;
}

.column_content:nth-child(1)::before {
	content: "";
	width: 55.8vw;
	height: 31.2vw;
	position: absolute;
	top: -7.6vw;
	left: -14.8vw;
	background-image: url("/img/usr/freepage/maxims_mooncake2026/column_top_sp.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.column_content:nth-child(3)::before {
	content: "";
	width: 60.2vw;
	height: 41.7vw;
	position: absolute;
	bottom: -43vw;
	right: -10.5vw;
	background-image: url("/img/usr/freepage/maxims_mooncake2026/column_bottom.png");
	background-size: cover;
	background-repeat: no-repeat;
}

.column_title {
	padding: 2.6vw 0;
	text-align: center;
	font-size: 5.8vw;
	font-weight: 700;
	border-bottom: solid 3px #682308;
}

.column_lead {
	padding: 3.8vw 0; 
	font-size: 4.6vw;
	font-weight: 600;
}

.column_text {
	letter-spacing: 0.01em;
	line-height: 2;
	font-size: 4.1vw;
	font-weight: 500;
}
}