@charset "UTF-8";
/***************************************************************
 *
 * 				mogans　
 *
***************************************************************/
body {
	margin: 0;
}

#mgns_lp * {
	box-sizing: border-box;
	font-size: 1em;
}

#mgns_lp img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

#mgns_lp p {
  margin: 0;
}

/*
			Font
*********************************************/
#mgns_lp {
  font-size: 20px;
  line-height: 1.6em;
  color: #000;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#mgns_lp strong {
  font-weight: 800;
}

#mgns_lp .font_a {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Helvetica Neue", "Noto Sans Japanese", "メイリオ", "Meiryo", sans-serif;
}


/* 
			Scroll and Show
*********************************************/
.ssb {
  transform: translateY(3em);
  transition: all 1.4s ease;
  opacity: 0;
}

.ssr {
  transform: translate(0.3em, -0.2em) rotate(1.8deg) skew(1.2deg, -1.4deg);
  transition: all 1.4s ease-in-out;
  opacity: 0;
}

.ssr2 {
  transform: translate(-0.2em, -0.3em) rotate(-2.2deg) skew(-0.9deg, 1.2deg);
  transition: all 1.4s ease-in-out;
  opacity: 0;
}

.ssr3 {
  transform: translate(0.2em, 0.3em) rotate(-2.2deg) skew(0.9deg, -1.8deg);
  transition: all 1.4s ease-in-out;
  opacity: 0;
}

.ssr4 {
  transform: translate(-0.3em, 0.2em) rotate(1.2deg) skew(-1.9deg, 1.4deg);
  transition: all 1.4s ease-in-out;
  opacity: 0;
}

.ss_on.ssr,
.ss2_on.ssr,
.ss3_on.ssr,
.ss_on.ssr2,
.ss2_on.ssr2,
.ss3_on.ssr2,
.ss_on.ssr3,
.ss2_on.ssr3,
.ss3_on.ssr3,
.ss_on.ssr4,
.ss2_on.ssr4,
.ss3_on.ssr4,
.ss_on.ssb,
.ss2_on.ssb,
.ss3_on.ssb {
  transform: none;
  opacity: 1;
}


/* 
			Responsive
*********************************************/
.md_show,
.md_showin,
.sm_show,
.sm_showin,
.xs_show,
.xs_showin {
  display: none;
}

@media (max-width: 1200px) {
  #mgns_lp {
    font-size: 20px;
    font-size: 1.6666666666667vw;
    line-height: 1.6em;
  }
}
@media (max-width: 1024px) {
  #mgns_lp {
    font-size: 17px;
    font-size: 1.6666666666667vw;
    line-height: 1.6em;
  }
}
@media (max-width: 768px) {
  .md_hide {
    display: none;
  }

  .md_show {
    display: block;
  }

  .md_showin {
    display: inline;
  }

  #mgns_lp {
    font-size: 20px;
    font-size: 2.6041666666666667vw;
    line-height: 1.6em;
  }
}
@media (max-width: 600px) {
  .sm_hide {
    display: none;
  }

  .sm_show {
    display: block;
  }

  .sm_showin {
    display: inline;
  }

  #mgns_lp {
    font-size: 15.625px;
    font-size: 2.6041666666666667vw;
    line-height: 1.6em;
  }
}
@media (max-width: 414px) {
  .xs_hide {
    display: none;
  }

  .xs_show {
    display: block;
  }

  .xs_showin {
    display: inline;
  }

  #mgns_lp {
    font-size: 10.78125px;
    font-size: 2.6041666666666667vw;
    line-height: 1.6em;
  }
}


/***************************************************************
 *
 * 				mogans　2023 new year bag
 *
***************************************************************/


.lpmgfbr {
	padding-top: 5em;
}
.lpmgfbr > p:first-child {
	background: url("https://mogans.net/campaign/newyear2023/img/01.jpg") no-repeat center top;
	text-align: center;
}
#mgns_lp.lpmgfbr > p:first-child > img {
	max-width: 1200px;
}
#mgns_lp.lpmgfbr > p:nth-child(2) {
	max-width:1200px;
	margin: 0 auto;
}
.lpmgfbr > ul {
	max-width:1200px;
	margin: 0 auto;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.lpmgfbr > ul > li {
	width: 50%;
	padding: 2em 0 3em;
}


@media (max-width: 768px) {
	.lpmgfbr > ul > li {
		width: 100%;
	}
}