@charset "UTF-8";

.mc_body {
  background: #F8CFCC;
}
.mc_wrapper {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-weight: 300;
  font-style: normal;
  color: #00293E;
}

/*pc*/
html[data-browse-mode=P] .for_sp {
  display: none !important;
}
/*sp*/
html[data-browse-mode=S] .for_pc {
  display: none !important;
}

/*PC**********************************************************************/
html[data-browse-mode=P] .wrapper {
  /* min-width: 1920px !important; */
  width: 100%;
}
/*mc_wrapper*/
html[data-browse-mode=P] .mc_wrapper {
  /* width: 1920px; */
  width: 100%;
  margin: 0 auto;
  position: relative;
}
html[data-browse-mode=P] .mc_mv img {
  width: 100%;
}
/*mc_contents01*/
html[data-browse-mode=P] .mc_contents01 {
  background:
  url(/img/usr/freepage/maxims_mooncake/bg_star.png) repeat-y center top / max(2091px, 100%) auto,
	url(/img/usr/freepage/maxims_mooncake/bg_illu.png) repeat-y center top / max(3090px, 100%) auto
	#F8CFCC;
  position: relative;
}
html[data-browse-mode=P] .mc_contents01::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/img/usr/freepage/maxims_mooncake/bg_moya.png) repeat left top / 400px;
    opacity: 0.3;
}
html[data-browse-mode=P] .mc_contents01_inner {
  width: 1300px;
  margin: 0 auto;
  text-align: center;
  padding: 130px 0 0;
  position: relative;
}
html[data-browse-mode=P] .mc_cnt {
  margin-bottom: 115px;
}
html[data-browse-mode=P] .mc_cnt:last-child {
  margin-bottom: 100px;
}
html[data-browse-mode=P] .mc_cntInfo {
  font-weight: bold;
  line-height: 1;
  margin-top: 30px;
}
html[data-browse-mode=P] .mc_cntInfo dt {
  font-size: 34px;
  margin-bottom: 25px;
}
html[data-browse-mode=P] .mc_cntInfo dd:first-of-type {
  margin-bottom: 30px;
}
html[data-browse-mode=P] .mc_cntInfo dd {
  font-size: 28px;
}
.mc_cntInfo dd p {
    display: inline-block;
    position: relative;
    margin-bottom: 1em;
}
.default-price {
    text-decoration: none;
    color: #00293E;
    font-size: 120%;
}
.default-price::after {
    display: inline-block;
    font-size: .5em;
}
.price {
	display: none;
}
html[data-browse-mode=P] .mc_btn a {
  display: flex;
  width: 320px;
  height: 60px;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#EA5B19, #D60000);
  color: #fff;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 28px #FF1D00, inset 0 0 12px #ED9B00;
}
html[data-browse-mode=P] .mc_btn.comingsoon a {
	background: #999;
	box-shadow: 0 0 28px #999;
	pointer-events: none;
}
html[data-browse-mode=P] .mc_btn.comingsoon a::before {
	content: "品切れ";
	position: absolute;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #999;
	border-radius: 300px;
	z-index: 3;
}
html[data-browse-mode=P] .mc_btn1 a {
  display: flex;
  width: 240px;
  height: 60px;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#533400, #362200);
  color: #E1C391;
  position: relative;
  margin: 0 auto;
  margin-bottom: 100px;
}
html[data-browse-mode=P] .mc_btn.btnL {
	padding-bottom: 36px;
}
html[data-browse-mode=P] .mc_btn.btnL a {
  width: 330px;
  height: 65px;
  border-radius: 33px;
}
html[data-browse-mode=P] .mc_btn1.btnL a {
  width: 330px;
  height: 65px;
  border-radius: 33px;
}
html[data-browse-mode=P] .mc_btn a span {
  font-size: 24px;
  font-weight: bold;
}
html[data-browse-mode=P] .mc_btn1 a span {
  font-size: 24px;
  font-weight: bold;
}
html[data-browse-mode=P] .mc_btn a::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 12px;
  background: url(/img/usr/freepage/maxims_mooncake/ico_arrow.png)no-repeat top center;
  background-size: 100% auto;
  right: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
}
html[data-browse-mode=P] .mc_btn1 a::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 12px;
  background: url(/img/usr/freepage/maxims_mooncake/ico_arrow.png)no-repeat top center;
  background-size: 100% auto;
  right: 50px;
  top: 0;
  bottom: 0;
  margin: auto;
}
html[data-browse-mode=P] .mc_cntImg01{
  margin-bottom: 40px;
}
html[data-browse-mode=P] .mc_cntImg02 {
  height: 300px;
}
html[data-browse-mode=P] .mc_cntImg02 img {
  height: 100%;
  width: auto;
}
html[data-browse-mode=P] .mc_cntFlex01 {
  display: flex;
  align-items: center;
}
html[data-browse-mode=P] .mc_cntFlex01 li:first-child {
  margin-right: 100px;
}
html[data-browse-mode=P] .cnt04 .mc_cntFlex01 {
  flex-direction: row-reverse;
  margin-bottom: 130px;
}
html[data-browse-mode=P] .cnt04 .mc_cntFlex01 li:first-child {
  margin-right: 0;
  margin-left: 100px;
}
html[data-browse-mode=P] .mc_cntFlex02 {
  display: flex;
  align-items: center;
  justify-content: center;
}
html[data-browse-mode=P] .mc_cntInfo + .mc_cntFlex02,
html[data-browse-mode=P] .mc_cntFlex02 + .mc_cntImg02,
html[data-browse-mode=P] .mc_cntFlex02 + .mc_cntFlex02 {
    margin-top: 80px;
}
html[data-browse-mode=P] .mc_cntFlex02 li:first-child {
  margin-right: 40px;
}
html[data-browse-mode=P] .cnt04 .mc_cntFlex03{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}
html[data-browse-mode=P] .cnt04 .mc_cntFlex03 li:first-child{
  margin-right: 120px;
}
html[data-browse-mode=P] .cnt04 .mc_cntFlex03 li:first-child .mc_cntImg02{
  width: 475px;
  margin: 0 auto;
}
html[data-browse-mode=P] .cnt04 .mc_cntFlex03 li:last-child .mc_cntImg02{
  width: 498px;
  margin: 0 auto;
}

/*mc_contents02*/
html[data-browse-mode=P] .mc_contents02 {
  background:
    url(/img/usr/freepage/maxims_mooncake/bg02_t_pc.png) no-repeat top center / 100% auto, 
    url(/img/usr/freepage/maxims_mooncake/bg02_b_pc.png) no-repeat bottom 42px center / 100% auto,
    url(/img/usr/freepage/maxims_mooncake/bg02_r_pc.png) repeat top center / 850px 850px,
		linear-gradient(0deg, #013840 0%, #10606A 100%);
  color: #F0DDB4;
  padding: 25vw 0 20vw;
  position: relative;
}
html[data-browse-mode=P] .mc_contents02::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/img/usr/freepage/maxims_mooncake/bg_moya.png) repeat left top / 400px;
    opacity: 0.3;
}
html[data-browse-mode=P] .mc_contents02_inner {
    position: relative;
}
html[data-browse-mode=P] .mc_txtBox {
  width: 960px;
  margin: 0 auto 120px;
}
html[data-browse-mode=P] .mc_tit01 {
  text-align: center;
  font-size: 34px;
  line-height: 1;
  padding: 0 0 20px;
  margin: 0 0 20px;
  position: relative;
}
html[data-browse-mode=P] .mc_tit01::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #CEAE6A, #F3E0B4, #CEAC65);
  bottom: 0;
  left: 0;
  right: 0;
}
html[data-browse-mode=P] .mc_tit02 {
  font-size: 24px;
  line-height: 2;
  margin-bottom: 10px;
}
html[data-browse-mode=P] .mc_txtBox dd {
  font-size: 17px;
  line-height: 1.8;
}

/*SP**********************************************************************/
/*mc_wrapper*/
html[data-browse-mode=S] .mc_wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
/*mc_contents01*/
html[data-browse-mode=S] .mc_contents01 {
  background:
  url(/img/usr/freepage/maxims_mooncake/bg_star.png) repeat-y center top / 100% auto,
  url(/img/usr/freepage/maxims_mooncake/bg_illu.png) repeat-y center top / max(920px, 100%) auto
	#F8CFCC;
  position: relative;
}
html[data-browse-mode=S] .mc_contents01::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/img/usr/freepage/maxims_mooncake/bg_moya.png) repeat left top / 400px;
    opacity: 0.3;
}
html[data-browse-mode=S] .mc_contents01_inner {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0;
  position: relative;
}
html[data-browse-mode=S] .mc_cnt {
  margin-bottom: 70px;
}
html[data-browse-mode=S] .mc_cnt.cnt04 {
  margin-bottom: 50px;
}
html[data-browse-mode=S] .mc_cntInfo {
  font-weight: bold;
  line-height: 1;
}
html[data-browse-mode=S] .mc_cntInfo dt {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 13px;
}
html[data-browse-mode=S] .mc_cntInfo dd {
  font-size: 19px;
}
html[data-browse-mode=S] .mc_cntInfo dd:first-of-type {
  margin-bottom: 25px;
}
html[data-browse-mode=S] .mc_btn a {
  display: flex;
  width: 280px;
  height: 44px;
  border-radius: 22px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#EA5B19, #D60000);
  color: #fff;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 28px #FF1D00, inset 0 0 12px #ED9B00;
}
html[data-browse-mode=S] .mc_btn.comingsoon a {
	background: #999;
	box-shadow: 0 0 28px #999;
	pointer-events: none;
}
html[data-browse-mode=S] .mc_btn.comingsoon a::before {
	content: "Coming Soon";
	position: absolute;
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #999;
	border-radius: 300px;
	z-index: 3;
}
html[data-browse-mode=S] .mc_btn.btnL a {
  width: 300px;
  height: 50px;
  border-radius: 25px;
}
html[data-browse-mode=S] .mc_btn a span {
  font-size: 20px;
  font-weight: bold;
}
html[data-browse-mode=S] .mc_btn a::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 12px;
  background: url(/img/usr/freepage/maxims_mooncake/ico_arrow.png)no-repeat top center;
  background-size: 100% auto;
  right: 60px;
  top: 0;
  bottom: 0;
  margin: auto;
}
html[data-browse-mode=S] .mc_btn1 a {
  display: flex;
  width: 250px;
  height: 44px;
  border-radius: 22px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(#533400, #362200);
  color: #E1C391;
  position: relative;
  margin: 0 auto;
  margin-bottom: 40px;
}
html[data-browse-mode=S] .mc_btn1.btnL a {
  width: 300px;
  height: 50px;
  border-radius: 25px;
}
html[data-browse-mode=S] .mc_btn1 a span {
  font-size: 20px;
  font-weight: bold;
}
html[data-browse-mode=S] .mc_btn1 a::after {
  position: absolute;
  content: '';
  width: 8px;
  height: 12px;
  background: url(/img/usr/freepage/maxims_mooncake/ico_arrow.png)no-repeat top center;
  background-size: 100% auto;
  right: 60px;
  top: 0;
  bottom: 0;
  margin: auto;
}
html[data-browse-mode=S] .mc_cntImg01 {
  margin-bottom: 25px;
}
html[data-browse-mode=S] .mc_cntImg02 {
  margin: auto;
  margin-bottom: 20px;
  margin-top: 80px;
}
html[data-browse-mode=S] .cnt01 .mc_cntImg02 {
  width: 85%;
  margin-bottom: 15px;
}
html[data-browse-mode=S] .cnt02 .mc_cntImg02 {
  width: 70%;
}
html[data-browse-mode=S] .cnt03 .mc_cntFlex02 li:first-child .mc_cntImg02 {
  width: 95%;
  margin-bottom: 10px;
}
html[data-browse-mode=S] .cnt03 .mc_cntFlex02 li:last-child .mc_cntImg02 {
  width: 90%;
  margin-bottom: 10px;
  margin-top: 50px;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex01 .mc_cntImg02 {
  width: 80%;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex02 li:first-child .mc_cntImg02 {
  width: 90%;
  margin-top: 50px;
  margin-bottom: 10px;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex02 li:last-child .mc_cntImg02 {
  width: 80%;
  margin-top: 50px;
  margin-bottom: 10px;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex03{
  margin-top: 50px;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex03 li:first-child .mc_cntImg02{
  width: 80%;
  margin: 0 auto;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex03 li:last-child{
  margin-top: 50px;
}
html[data-browse-mode=S] .cnt04 .mc_cntFlex03 li:last-child .mc_cntImg02{
  width: 90%;
  margin: 0 auto;
}

/*mc_contents02*/
html[data-browse-mode=S] .mc_contents02 {
  background:
    url(/img/usr/freepage/maxims_mooncake/bg02_t_sp.png) no-repeat top center / 100% auto, 
    url(/img/usr/freepage/maxims_mooncake/bg02_b_sp.png) no-repeat bottom 40px center / calc(100% - 60px) auto,
    url(/img/usr/freepage/maxims_mooncake/bg02_r_pc.png) repeat top center / 100% auto,
		linear-gradient(0deg, #013840 0%, #10606A 100%);
  color: #F0DDB4;
  padding: 45vw 0 35vw;
  position: relative;
}
html[data-browse-mode=S] .mc_contents02::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/img/usr/freepage/maxims_mooncake/bg_moya.png) repeat left top / 400px;
    opacity: 0.3;
}
html[data-browse-mode=S] .mc_contents02_inner {
    position: relative;
}
html[data-browse-mode=S] .mc_txtBox {
  width: 85%;
  margin: 0 auto 50px;
}
html[data-browse-mode=S] .mc_tit01 {
  text-align: center;
  font-size: 24px;
  line-height: 1;
  padding: 0 0 20px;
  margin: 0 0 20px;
  position: relative;
}
html[data-browse-mode=S] .mc_tit01::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #CEAE6A, #F3E0B4, #CEAC65);
  bottom: 0;
  left: 0;
  right: 0;
}
html[data-browse-mode=S] .mc_tit02 {
  font-size: 18px;
  line-height: 1.6;
  width: 95%;
  margin: 0 auto 1em;
}
html[data-browse-mode=S] .mc_txtBox dd {
  font-size: 15px;
  line-height: 1.6;
  width: 95%;
  margin: auto;
}