@charset "UTF-8";
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
共通
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
.flex {
  display: flex;
}
.inner {
  width: 90%;
  margin: 0 auto;
}
img {
  width: 100%;
}
figure {
  line-height: 1;
}
a.btn {
  display: block;
  width: 85%;
  margin: 0 auto;
}
a,
.button {
  display: block;
  transition: .3s !important;
  cursor: pointer;
}
a:hover,
.button:hover {
  opacity: .6 !important;
}
.sp {
  display: none;
}
.noto-sans-jp-200 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.noto-sans-jp-400 {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}
@media only screen and (max-width: 800px) {
  .sp {
    display: block;
  }
  .flex.sp {
    display: flex;
  }
  .pc {
    display: none;
  } 
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
PC レイアウト時
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
section.title {
  background-color: #900f7d;
  padding: 40px 0 87px 0;
  border-bottom: 12px solid;
  border-image: linear-gradient(30deg, rgba(241, 198, 103, 1), rgba(255, 238, 188, 1) 50%, rgba(241, 198, 103, 1));
  border-image-slice: 1;
}
section.title h1 {
  width: 95%;
  max-width: 700px;
  margin: 0 auto;
}
section.title .popup_btn {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 0;
  width: 90%;
  max-width: 670px;
}
section.title .popup_btn li {
  width: 100%;
  max-width: 323px;
  margin: 17px 0 0 0;
}
@media only screen and (max-width: 800px) {
  section.title {
    padding: 60px 0 40px 0;
  }
  section.title .popup_btn li {
    width: 48.5%;
    max-width: none;
    margin: 3% 0 0 0;
  }
}
section.title .golden h2 {
  width: 90%;
  max-width: 610px;
  margin: 62px auto 0;
}
section.title .golden_btn {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3px auto 0;
  width: 90%;
  max-width: 944px;
}
section.title .golden_btn li {
  width: 100%;
  max-width: 170px;
  margin: 37px 0 0 0;
}
section.title .golden_btn li:last-child {
  max-width: 557px;
}
@media only screen and (max-width: 800px) {
  section.title .golden h2 {
    margin: 10% auto 0;
  }
  section.title .golden_btn li {
    width: 48.5%;
    max-width: none;
    margin: 3% 0 0 0;
  }
  section.title .golden_btn li:last-child {
    width: 100%;
    max-width: auto;
  }
}
section.title .theme h2 {
  width: 90%;
  max-width: 902px;
  margin: 62px auto 0;
}
section.title .theme_btn {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 5px auto 0;
  width: 90%;
  max-width: 863px;
}
section.title .theme_btn li {
  width: calc(100% / 6 );
  /* max-width: 133px; */
  margin: 6px 0 0 0;
}
section.title .theme .note {
  max-width: 360px;
  margin: 32px auto 0;
}
@media only screen and (max-width: 800px) {
  section.title .theme_btn {
    width: 85%;
    max-width: none;
    padding: 1.5% 0 0 0;
  }
  section.title .theme_btn li {
    width: calc(100% / 3);
    max-width: none;
    margin: 0;
  }
  section.title .theme .note {
    width: 85%;
    max-width: none;
    margin: 3% auto 0;
  }
}
section.contents {
  padding: 45px 0 0 0;
}
section.contents .midashi {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.contents .midashi h3 {
  width: 100%;
  margin: 0 auto 15px 44px;  
}
section.contents .items {
  border-top: 6px solid;
  padding: 0 0 45px 0;
}
section.contents .items a.ichiran_btn {
  width: 100%;
  max-width: 384px;
  margin: 39px auto 0;
}
section.contents .items .slickBox {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}
section.contents .items .slickBox li {
  margin: 0 0 0 27px;
  width: 179px;
}
section.contents .items .slickBox li.double {
  width: 368px;
}
section.contents .items .slickBox .slick-list {
  margin-top: 70px;
}
section.contents .items .slickBox .slide-arrow {
  width: 36px;
  height: auto;
  position: absolute;
  top: -46px;
}
section.contents .items .slickBox .prev-arrow {
  right: 44px;
  left: auto;
}
section.contents .items .slickBox .next-arrow {
  right: 0;
}
@media only screen and (max-width: 800px) {
  section.contents .items {
    padding: 0 0 35px 0;
  }
}
section.contents .items .slickBox .show_more {
  display: none;
}
@media only screen and (max-width: 800px) {
  section.contents .items .slickBox {
    position: relative;
    margin-bottom: 45px;
  }
  section.contents .items .slickBox .show_more {
      display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 100px;
			padding-top: 90px;
			text-align: center;
			line-height: 30px;
			/* background: linear-gradient(180deg, rgb(227, 243, 230, 0) 0%, rgb(227, 243, 230, 1) 70%); */
			cursor: pointer;
			transition: bottom 0.2s;
  }
  #theme01 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(227, 243, 230, 0) 0%, rgb(227, 243, 230, 1) 70%);
  }
  #theme02 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(248, 239, 236, 0) 0%, rgb(248, 239, 236, 1) 70%);
  }
  #theme03 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(250, 237, 219, 0) 0%, rgb(250, 237, 219, 1) 70%);
  }
  #theme04 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(251, 233, 236, 0) 0%, rgb(251, 233, 236, 1) 70%);
  }
  #theme05 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(219, 233, 232, 0) 0%, rgb(219, 233, 232, 1) 70%);
  }
  #theme06 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(253, 235, 243, 0) 0%, rgb(253, 235, 243, 1) 70%);
  }
  #theme07 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(236, 240, 248, 0) 0%, rgb(236, 240, 248, 1) 70%);
  }
  #theme08 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(224, 234, 244, 0) 0%, rgb(224, 234, 244, 1) 70%);
  }
  #theme09 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(224, 232, 241, 0) 0%, rgb(224, 232, 241, 1) 70%);
  }
  #theme10 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(248, 239, 236, 0) 0%, rgb(248, 239, 236, 1) 70%);
  }
  #theme11 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(219, 240, 225, 0) 0%, rgb(219, 240, 225, 1) 70%);
  }
  #theme12 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(234, 247, 248, 0) 0%, rgb(234, 247, 248, 1) 70%);
  }
  #theme13 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(240, 238, 245, 0) 0%, rgb(240, 238, 245, 1) 70%);
  }
  #theme14 .items .slickBox .show_more {
    background: linear-gradient(180deg, rgb(253, 237, 237, 0) 0%, rgb(253, 237, 237, 1) 70%);
  }
  section.contents .items .slickBox .show_more.open {
    background: none !important;
    bottom: -30px;
  }
  section.contents .items .slickBox .show_more.open .toOpen {
    display: none;
  }
  section.contents .items .slickBox .show_more.open .toClose {
    display: block;
  }
  section.contents .items .slickBox .show_more.close .toOpen {
    display: block;
  }
  section.contents .items .slickBox .show_more.close .toClose {
    display: none;
  }
  section.contents .items .slickBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2% 0 0 0;
    margin: 0 auto;
    height: 130vw;
    overflow: hidden;
  }
  section.contents .items .slickBox ul li {
    width: 49%;
    margin: 2% 0 0 0;
  }
  section.contents .items .slickBox ul li.double {
    width: 100%;
  }
  section.contents .items a.ichiran_btn {
    width: 80%;
    max-width: none;
    margin: 50px auto 0;
  }
  section.contents .items a.ichiran_btn.open {
    margin: 80px auto 0;
  }
}
#theme01 .midashi h3 {
  max-width: 446px;
}
#theme02 .midashi h3 {
  max-width: 562px;
}
#theme03 .midashi h3 {
  max-width: 404px;
}
#theme04 .midashi h3 {
  max-width: 351px;
}
#theme04 .midashi {
  position: relative;
}
#theme04 .midashi .icon {
  position: absolute;
  width: 117px;
  top: 0;
  left: 410px;
}
#theme05 .midashi h3 {
  max-width: 533px;
}
#theme06 .midashi h3 {
  max-width: 515px;
}
#theme07 .midashi h3 {
  max-width: 435px;
}
#theme08 .midashi h3 {
  max-width: 527px;
}
#theme09 .midashi h3 {
  max-width: 411px;
}
#theme10 .midashi h3 {
  max-width: 407px;
}
#theme11 .midashi h3 {
  max-width: 393px;
}
#theme12 .midashi h3 {
  max-width: 319px;
}
#theme13 .midashi h3 {
  max-width: 418px;
}
#theme14 .midashi h3 {
  max-width: 371px;
}
#theme01 .items {
  border-image: radial-gradient(rgba(92, 215, 114, 1), rgba(43, 203, 74, 1) 39%);
  border-image-slice: 1;
  background-color: #e3f3e6;
}
#theme02 .items {
  border-image: radial-gradient(rgba(151, 39, 0, 1) 23%, rgba(159, 107, 0, 1) 66%, rgba(151, 39, 0, 1));
  border-image-slice: 1;
  background-color: #f7eeeb;
}
#theme03 .items {
  border-image: radial-gradient(rgba(242, 173, 69, 1) 23%, rgba(249, 175, 49, 1) 66%, rgba(242, 173, 69, 1));
  border-image-slice: 1;
  background-color: #f9ecda;
}
#theme04 .items {
  border-image: radial-gradient(rgba(224, 25, 19, 1) 23%, rgba(240, 154, 152, 1) 66%, rgba(224, 25, 19, 1));
  border-image-slice: 1;
  background-color: #fae8eb;
}
#theme05 .items {
  border-image: radial-gradient(rgba(60, 134, 139, 1) 23%, rgba(77, 127, 141, 1) 66%, rgba(60, 134, 139, 1));
  border-image-slice: 1;
  background-color: #dae8e7;
}
#theme06 .items {
  border-image: radial-gradient(rgba(223, 123, 168, 1) 23%, rgba(241, 90, 155, 1) 66%, rgba(223, 123, 168, 1));
  border-image-slice: 1;
  background-color: #fceaf2;
}
#theme07 .items {
  border-image: radial-gradient(rgba(94, 130, 196, 1) 23%, rgba(70, 209, 233, 1) 66%, rgba(94, 130, 196, 1));
  border-image-slice: 1;
  background-color: #ebeff7;
}
#theme08 .items {
  border-image: radial-gradient(rgba(41, 107, 179, 1) 23%, rgba(79, 134, 224, 1) 66%, rgba(41, 107, 179, 1));
  border-image-slice: 1;
  background-color: #dfe9f3;
}
#theme09 .items {
  border-image: radial-gradient(rgba(0, 62, 139, 1) 23%, rgba(172, 193, 218, 1) 66%, rgba(0, 62, 139, 1));
  border-image-slice: 1;
  background-color: #e0e8f1;
}
#theme10 .items {
  border-image: radial-gradient(rgba(155, 39, 0, 1) 23%, rgba(188, 157, 84, 1) 66%, rgba(155, 39, 0, 1));
  border-image-slice: 1;
  background-color: #f8efec;
}
#theme11 .items {
  border-image: radial-gradient(rgba(85, 190, 106, 1) 23%, rgba(188, 225, 198, 1) 66%, rgba(85, 190, 106, 1));
  border-image-slice: 1;
  background-color: #dbf0e1;
}
#theme12 .items {
  border-image: radial-gradient(rgba(111, 228, 215, 1) 23%, rgba(121, 208, 202, 1) 66%, rgba(111, 228, 215, 1));
  border-image-slice: 1;
  background-color: #e9f6f7;
}
#theme13 .items {
  border-image: radial-gradient(rgba(112, 72, 193, 1) 23%, rgba(201, 105, 186, 1) 66%, rgba(112, 72, 193, 1));
  border-image-slice: 1;
  background-color: #efedf4;
}
#theme14 .items {
  border-image: radial-gradient(rgba(228, 68, 0, 1) 23%, rgba(236, 172, 40, 1) 66%, rgba(228, 68, 0, 1));
  border-image-slice: 1;
  background-color: #fcecec;
}
@media only screen and (max-width: 800px) {
  section.contents .midashi {
    width: 100%;
    max-width: none;
  }
  section.contents .items {
    border: none;
  }
  #theme01 .midashi h3,
  #theme02 .midashi h3,
  #theme03 .midashi h3,
  #theme04 .midashi h3,
  #theme05 .midashi h3,
  #theme06 .midashi h3,
  #theme07 .midashi h3,
  #theme08 .midashi h3,
  #theme09 .midashi h3,
  #theme10 .midashi h3,
  #theme11 .midashi h3,
  #theme12 .midashi h3,
  #theme13 .midashi h3,
  #theme14 .midashi h3 {
    width: 100%;
    max-width: none;
    margin: 0 auto;  
  }
  #theme04 .midashi .icon {
    width: 22%;
    top: -15px;
    left: auto;
    right: 20px;
  }
}
#theme03 .note {
  width: 100%;
  margin: 20px auto;
  display: none;
}
@media only screen and (max-width: 800px) {
  #theme03 .note {
    display: block;
  }
}
#theme08 .note {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0 0 0;
  display: none;
}
@media only screen and (max-width: 800px) {
  #theme08 .note {
    display: block;
  }
}
section.doji_kaisai {
  background-color: #900f7d;
  padding: 50px 0 105px 0;
  border-top: 12px solid;
  border-image: linear-gradient(30deg, rgba(241, 198, 103, 1), rgba(255, 238, 188, 1) 50%, rgba(241, 198, 103, 1));
  border-image-slice: 1;
}
section.doji_kaisai h2 {
  width: 90%;
  max-width: 902px;
  margin: 0 auto 0;
}
section.doji_kaisai a {
  width: 90%;
  max-width: 800px;
  margin: 34px auto 0;
}
@media only screen and (max-width: 800px) {
  section.doji_kaisai {
    padding: 50px 0 150px 0;
  }
}
section.note figure {
  width: 90%;
  max-width: 800px;
  margin: 11px auto;
  padding: 0 0 100px 0;
}
section.popup .popup_btn ul li {
  position: fixed;
  top: 100px;
  right: 0;
  width: 20%;
  max-width: 150px;
  z-index: 100;
}
section.popup .popup_btn ul li:nth-of-type(2) {
  top: 250px;
}
section.popup .popup_Wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 110;
}
section.popup .popup_Wrap .pc .close {
  max-width: 40px;
  margin: 5px 5px 5px auto;
}
section.popup .popup_Wrap .sp .close {
  max-width: 40px;
  margin: 5px 5px 0 auto;
}
section.popup .popup_Wrap .contents {
  max-width: 900px;
  margin: 0 auto;
  display: none;
}
section.popup .popup_Wrap .contents div {
  position: relative;
}
section.popup .popup_Wrap .contents div figure,
section.popup .popup_Wrap .contents div a {
  position: absolute;
}
section.popup .popup_Wrap .netpoint { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .netpoint.pc div {
  aspect-ratio: 1801 / 1001;
}
section.popup .popup_Wrap .netpoint.pc div a {
  width: 30%;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: 0 auto;
}
section.popup .popup_Wrap .netpoint.sp div {
  aspect-ratio: 1500 / 3000;
}
section.popup .popup_Wrap .netpoint.sp div a {
  width: 70%;
  left: 0;
  right: 0;
  bottom: 3%;
  margin: 0 auto;
}
section.popup .popup_Wrap .gacha { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .gacha.pc div {
  aspect-ratio: 1800 / 1000;
}
section.popup .popup_Wrap .gacha.pc div a {
  width: 30%;
}
section.popup .popup_Wrap .gacha.pc div a.appstore {
  width: 17.4%;
  left: 56.5%;
  bottom: 31.5%;
}
section.popup .popup_Wrap .gacha.pc div a.googleplay {
  width: 17.4%;
  left: 56.5%;
  bottom: 20.5%;
}
section.popup .popup_Wrap .gacha.pc div a.iaeon {
  width: 10%;
  left: 76.5%;
  bottom: 22%;
}
section.popup .popup_Wrap .gacha.pc div a.iaeon img {
  border-radius: 22.2%;
  box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
section.popup .popup_Wrap .gacha.sp div {
  aspect-ratio: 1501 / 3813;
}
section.popup .popup_Wrap .gacha.sp div a {
  width: 30%;
}
section.popup .popup_Wrap .gacha.sp div a.appstore {
  width: 34.4%;
  left: 16.5%;
  bottom: 16.5%;
}
section.popup .popup_Wrap .gacha.sp div a.googleplay {
  width: 34.4%;
  left: 16.5%;
  bottom: 11.5%;
}
section.popup .popup_Wrap .gacha.sp div a.iaeon {
  width: 25%;
  left: 60.5%;
  bottom: 11.5%;
}
section.popup .popup_Wrap .gacha.sp div a.iaeon img {
  border-radius: 22.2%;
  box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
section.popup .popup_Wrap .coupon { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .coupon.pc div {
  aspect-ratio: 1800 / 1000;
}
section.popup .popup_Wrap .coupon.pc div [class*="to-clipboard"] {
  width: 24%;
  bottom: 18%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-01 {
  left: 5.5%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-02 {
  left: 38%;
}
section.popup .popup_Wrap .coupon.pc div .to-clipboard-03 {
  right: 5.5%;
}
section.popup .popup_Wrap .coupon.sp div {
  aspect-ratio: 1501 / 5261;
}
section.popup .popup_Wrap .coupon.sp div [class*="to-clipboard"] {
  width: 70%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-01 {
  bottom: 59%;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-02 {
  bottom: 33.5%;
}
section.popup .popup_Wrap .coupon.sp div .to-clipboard-03 {
  bottom: 8%;
}
section.popup .popup_Wrap .gentei { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .gentei.pc div {
  aspect-ratio: 1800 / 2161;
}
section.popup .popup_Wrap .gentei.pc div a {
  width: 24.6%;
  left: 0;
  right: 0;
  bottom: 3%;
  margin: 0 auto;
}
section.popup .popup_Wrap .gentei.sp div {
  aspect-ratio: 1501 / 8965;
}
section.popup .popup_Wrap .gentei.sp div a {
  width: 90%;
  left: 0;
  right: 0;
  bottom: 1.2%;
  margin: 0 auto;
}
section.popup .popup_Wrap .theme { /* -------------------- */
  /* display: none; */
}
section.popup .popup_Wrap .theme.pc div {
  aspect-ratio: 1880 / 1280  ;
}
section.popup .popup_Wrap .theme.pc ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 0 auto;
  width: 85%;
  padding: 11% 0 0 0;
}
section.popup .popup_Wrap .theme.pc ul li {
  width: calc(100% / 6);
  margin: 2.5% 0 0 0;
  z-index: 120;
}
section.popup .popup_Wrap .theme.pc ul li a {
  position: static;
}
section.popup .popup_Wrap .theme.sp div {
  aspect-ratio: 1500 / 2900  ;
}
section.popup .popup_Wrap .theme.sp ul {
  flex-wrap: wrap;
  /* justify-content: space-between; */
  margin: 0 auto;
  width: 85%;
  padding: 18% 0 0 0;
}
section.popup .popup_Wrap .theme.sp ul li {
  width: calc(100% / 3);
  margin: 1.5% 0 0 0;
  z-index: 120;
}
section.popup .popup_Wrap .theme.sp ul li a {
  position: static;
}
section.footerBtn {
  display: none;
  position: fixed;
  width: 100%;
  bottom: -2px;
  z-index: 120;
}
section.footerBtn li:nth-of-type(1),
section.footerBtn li:nth-of-type(2) {
  width: 41.5%;
}
section.footerBtn li:nth-of-type(3) {
  width: 17%;
}
@media only screen and (max-width: 800px) {
  section.footerBtn {
    display: none;
  }
}
section.yokoku {
  /* display: none; */
  position: fixed;
  width: 100%;
  bottom: -2px;
  z-index: 99999999;
  background-color: #fce830;
  padding: 10px 0;
}
section.yokoku figure {
  width: 90%;
  max-width: 730px;
  margin: 0 auto;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
ステージング用
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
#outer {
  margin-top: 0;
  margin-bottom: 0;
}
/*
#site_aside2 {
  display: none;
}
#mid {
  margin-top: 0;
  max-width: 100%;
  width: unset;
  padding: 0;
}
*/
#footer {
  position: relative;
  z-index: 9999999;
}
#main_Wrap {
  height: 100%;
}