@charset "utf-8";
#container {
    background-size: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}

/*==========================================================================
PC layout
==========================================================================*/
/*=================================================
keyvisual
=================================================*/
#keyvisual {
  position: relative;
  padding: 41.6666% 0 0;
  width: 100%;
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center top;
  background-image:url("../img/01_keyvisual.jpg");
}
#keyvisual h1 img {
	position:absolute;
	bottom:0.5%;
	right:0;
	left:0;
	margin:0 auto;
	width:23.2%;
	max-width:440px;
	height:auto;
}

/* sp */
@media screen and (max-width: 768px) {
  #keyvisual {
    position: relative;
    padding: 174.7395% 0 0;
    width: 100%;
    background-repeat:no-repeat, no-repeat;
    background-size:100% auto, 100% auto;
    background-position:center bottom, center top;
    background-image:url("../img/sp/01_keyvisual-btm_line.png"), url("../img/sp/01_keyvisual.jpg");
  }
  #keyvisual h1 img {
  	position:absolute;
  	bottom:4.95%;
  	left:-3.8%;
  	right:0;
  	margin:0 auto;
  	width:49%;
  	height:auto;
  }
}

/*=================================================
About
=================================================*/
#ss-about {
	overflow:hidden;
  background:url("../img/02_bg.png") no-repeat center top;
	background-size:auto 100%;
}

#ss-about div {
  position:relative;
  width:100%;
  max-width:1200px;
	text-align:center;
	margin:0 auto;
}

#ss-about .sd_chara-odd {
  position:absolute;
	left:-1.8%;
	bottom:7.6%;
}

#ss-about .sd_chara-even {
  position:absolute;
	right:-1.8%;
	bottom:7.6%;
}

#ss-about .sd_chara-odd,
#ss-about .sd_chara-even {
  width:18%;
  max-width:200px;
}

#ss-about .sd_chara-odd img,
#ss-about .sd_chara-even img {
  width:100%;
	height:auto;
	backface-visibility:hidden;
}

/* sp */
@media screen and (max-width: 768px) {
  #ss-about {
    background:#fff url("../img/sp/02_bg.png") no-repeat center top;
		background-size:contain;
		margin:-1.4% 0 0;
  }

  #ss-about .sd_chara-odd {
    position:absolute;
	  left:-0.8%;
	  bottom:2%;
  }

#ss-about .sd_chara-even {
    position:absolute;
	  right:-0.8%;
	  bottom:2%;
  }

#ss-about .sd_chara-odd,
#ss-about .sd_chara-even {
    width:22%;
    max-width:100%;
  }

#ss-about .sd_chara-odd img,
#ss-about .sd_chara-even img {
    width:100%;
	  height:auto;
	  backface-visibility:hidden;
  }
}

/*=================================================
Concept
=================================================*/
#ss-concept .ct-box {padding:55px 45px 20px;}
#ss-concept .h2-ttl {margin:0 0 -27px;}

#ss-concept .iframe-box {
  position:relative;
	width:100%;
	max-width:910px;
	padding-top:56.25%;
	margin:0 auto;
	background:url("../img/03_ct-iframe.png") no-repeat center center;
	background-size:cover;
}

#ss-concept .iframe-box iframe {
  position:absolute;
	top:20px;
	left:20px;
	width:calc(100% - 40px) !important;
	height:calc(100% - 40px) !important;
}

/* event */
#ss-concept .h2-txt {text-align:center; margin:0 0 2%;}
#ss-concept .h2-txt img {width:64%; height:auto; backface-visibility:hidden;}

/* list */
#ss-concept .event-list {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -25px;}
#ss-concept .event-list li {width:47.6%; margin:0 1.2% 3.1%;}
#ss-concept .event-list li img {width:100%; height:auto;}

/* sp */
@media screen and (max-width: 768px) {
  #ss-concept .ct-box {padding:5% 5% 6%;}
  #ss-concept .h2-ttl {
    margin:0 0 -3.4%;
  }
	/* event */
  #ss-concept .h2-txt {text-align:center; margin:1% 0 1.6%;}
  #ss-concept .h2-txt img {width:100%; height:auto; backface-visibility:hidden;}

  /* list */
  #ss-concept .event-list {display:flex; flex-wrap:wrap; justify-content:center; margin:0;}
  #ss-concept .event-list li {width:100%; margin:0 0 3.6%;}
  #ss-concept .event-list li img {width:100%; height:auto;}
}

/*=================================================
Character
=================================================*/
#ss-character .ct-box {padding:0;}
#ss-character .h2-ttl {margin:0 0 -5px;}
#ss-character .h2-txt img {width:100%; height:auto; margin:48px 0 12px;}

#ss-character .chara-list {
  display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding:0 4% 4.8% 3.6%;
}

#ss-character .chara-list li {
  width:25%;
	margin:0 0 2%;
}

/* sp */
@media screen and (max-width: 768px) {
  #ss-character .h2-ttl {margin:0 0 -1%;}
  #ss-character .h2-txt img {width:130%; max-width:1000px; height:auto; margin:8% 0 3% -15%;}

  #ss-character .chara-list {
    display:flex;
	  flex-wrap:wrap;
	  justify-content:center;
	  padding:0 2.4% 5.2% 2.8%;
  }

  #ss-character .chara-list li {
    width:50%;
  	margin:0 0 5%;
  }
}

/*=================================================
Goods
=================================================*/
#ss-goods .ct-box {padding:0 30px 30px;}
#ss-goods .h2-ttl {margin:0 0 -4px;}
#ss-goods .h2-txt img {width:100%; height:auto; margin:50px 0 25px;}

/* benefits */
#ss-goods .benefits-list {
  display:flex;
	justify-content:center;
}

#ss-goods .benefits-list li {
  width:50%;
  max-width:450px;
}

#ss-goods .benefits-list li img {backface-visibility:hidden}

#ss-goods .benefits-list li:nth-child(1) {margin:0 20px 0 0;}
#ss-goods .benefits-list li:nth-child(2) {margin:0 0 0 0;}

#ss-goods .benefits-list li img {
  display:block;
  width:100%;
	height:auto;
}

#ss-goods .benefits-txt {
  font-size:1.3rem;
	color:#874d25;
	letter-spacing:-0.005em;
	margin:13px 0;
}

/* goods list */
#ss-goods .good-list li {
  position:relative;
  width:100%;
	max-width:920px;
	background:#fff;
	border:5px solid #ddd;
  margin:0 0 30px;
}

/* limit */
#ss-goods .limit {
  position:absolute;
  display:inline-block;
  text-align:center;
	max-width:28%;
  font-size:1.8vw;
	line-height:1.4;
  font-weight:bold;
  color:#9e9e9e;
	background:#e6e6e6;
	border-radius:10px;
	padding:0.8% 2.6%;
}
@media (min-width: 910px) {
  #ss-goods .limit {font-size:1.8rem;}
}

#ss-goods .limit span {
  font-size:1.2rem;
	margin:0 2px 0 3px;
}

#ss-goods .limit01,
#ss-goods .limit02 {top:10.8%; right:2.2%;}
#ss-goods .limit03 {top:6.4%; right:2.2%;}
#ss-goods .limit04 {top:5.4%; right:5%;}
#ss-goods .limit05 {top:7.8%; right:5%;}
#ss-goods .limit06 {top:5.2%; right:5%;}
#ss-goods .limit07 {top:7.8%; right:2.2%;}

/* list01-spec, list02-spec */
#ss-goods .list01-spec .spec,
#ss-goods .list02-spec .spec {
  display:block;
  width:560px;
	text-align:center;
  font-size:1.8rem;
	line-height:1;
	letter-spacing:0.03em;
  font-weight:bold;
  color:#9e9e9e;
	background:#e6e6e6;
	border-radius:10px;
	padding:1.2% 0 1%;
	margin:12px auto 0;
}
#ss-goods .list01-spec .spec span,
#ss-goods .list02-spec .spec span {
  font-size:1.4rem;
	margin:0 0 0 5px;
}

#ss-goods .list01-spec .note,
#ss-goods .list02-spec .note {
	text-align:center;
  font-size:1rem;
	font-weight:bold;
	color:#a8a8a8;
	letter-spacing:0.06em;
	margin:12px auto 18px;
}

/* list03-spec */
#ss-goods .list03-spec {
  position:absolute;
  top:61%;
  left:2.8%;
  width:21%;
	color:#a8a8a8;
	letter-spacing:0.02em;
	font-weight:bold;
}

#ss-goods .list03-spec .spec {
  display:block;
  text-align:center;
  font-size:1.8vw;
  line-height:1;
  letter-spacing:0.03em;
  font-weight:bold;
  color:#9e9e9e;
  background:#e6e6e6;
  border-radius:10px;
  padding:5% 0 3%;
  margin:0 0 9%;
}
@media (min-width: 910px) {
  #ss-goods .list03-spec .spec {
    font-size:1.8rem;
  }
}

#ss-goods .list03-spec .spec-txt {
  font-size:1.2rem;
	margin:0 0 4%;
  white-space:nowrap;
}

#ss-goods .list03-spec .note {
  font-size:1rem;
}

/* list04-spec */
#ss-goods .list04-spec {
  position:absolute;
  top:78.6%;
  left:2.8%;
  width:23%;
	color:#a8a8a8;
	letter-spacing:0.02em;
	font-weight:bold;
}

#ss-goods .list04-spec .spec-txt {
  font-size:1.2rem;
	margin:0 0 4%;
  white-space:nowrap;
}

#ss-goods .list04-spec .note {
  font-size:1rem;
}

/* list05-spec */
#ss-goods .list05-spec {
  position:absolute;
  top:73%;
  left:2.8%;
  width:40%;
	color:#a8a8a8;
	letter-spacing:0.02em;
	font-weight:bold;
}

#ss-goods .list05-spec .spec-txt {
  font-size:1.2rem;
	margin:0 0 1%;
}

#ss-goods .list05-spec .note {
  font-size:1rem;
}

/* list06-spec */
#ss-goods .list06-spec {
	color:#a8a8a8;
	letter-spacing:0.02em;
	font-weight:bold;
  margin:1.8% 0 2.8% 2.8%;
}

#ss-goods .list06-spec .spec-txt {
  font-size:1.2rem;
	margin:0 0 1%;
}

#ss-goods .list06-spec .note {
  font-size:1rem;
}

#ss-goods .list06-spec .note span {
  color:#f00;
}

/* list07-spec */
#ss-goods .list07-spec {
  position:absolute;
  top:62%;
  left:5.4%;
  width:21%;
	color:#a8a8a8;
	letter-spacing:0.02em;
	font-weight:bold;
}

#ss-goods .list07-spec .spec {
  display:block;
  text-align:center;
  font-size:1.8vw;
  line-height:1;
  letter-spacing:0.03em;
  font-weight:bold;
  color:#9e9e9e;
  background:#e6e6e6;
  border-radius:10px;
  padding:5% 0 3%;
  margin:0 0 9%;
}
@media (min-width: 910px) {
  #ss-goods .list07-spec .spec {
    font-size:1.8rem;
  }
}

#ss-goods .list07-spec .spec-txt {
  font-size:1.2rem;
	margin:0 0 4%;
}

#ss-goods .list07-spec .note {
  font-size:1rem;
}

/* eposcard */
#ss-goods .epos {
  margin:60px 0 0;
}

#ss-goods .h3-txt {
  font-size:2.8vw;
	font-weight:bold;
	text-align:center;
	margin:27px 0 27px;
}
@media (min-width: 910px) {
  #ss-goods .h3-txt {
    font-size:25px;
  }
}

#ss-goods .h3-txt span {
  font-size:2.2vw;
}
@media (min-width: 910px) {
  #ss-goods .h3-txt span {
    font-size:20px;
  }
}

/* lottery-list */
#ss-goods .lottery-list {
  display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

#ss-goods .lottery-list li {
  width:50%;
	max-width:420px;
	margin:0 20px 35px;
}

/* lottery-txt */
#ss-goods .lottery-note {
  font-size:1.3rem;
	line-height:1.9;
	color:#874d25;
	margin:0 0 45px;
}

/* epos-benefits */
#ss-goods .epos h4 {
  text-align:center;
	margin:0 0 31px;
}

/* epos-benefits-txt */
#ss-goods .epos-benefits-txt {
  font-size:1.6rem;
	text-align:center;
	margin:0 0 33px;
}

#ss-goods .epos-benefits-txt span {
  font-weight:bold;
}

/* epos-benefits-img */
#ss-goods .epos-benefits-img {
	text-align:center;
	margin:0 0 40px;
}

/* sp ---------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  #ss-goods .ct-box {padding:0 3% 5%;}
  #ss-goods .h2-ttl {margin:0 0 -0.6%;}
  #ss-goods .h2-txt img {width:110%; max-width:768px; height:auto; margin:9% 0 6% -5%;}

  /* benefits */
  #ss-goods .benefits-list {
    display:flex;
		flex-wrap:wrap;
	  justify-content:center;
  }

  #ss-goods .benefits-list li {
    width:100%;
    max-width:768px;
  }

  #ss-goods .benefits-list li:nth-child(1) {margin:0 0 6% 0;}
  #ss-goods .benefits-list li:nth-child(2) {margin:0 0 0 0;}

  #ss-goods .benefits-txt {
    font-size:1.2rem;
	  color:#874d25;
	  letter-spacing:-0.005em;
  	margin:4.6% 0 4%;
  }

  /* goods list */
  #ss-goods .good-list li {
    overflow:hidden;
    position:relative;
    width:100%;
  	max-width:920px;
  	background:#fff;
  	border:0.781vw solid #ddd;
    margin:0 0 5%;
  }

  #ss-goods .good-list li h3 img {
    position:relative;
    width:142%;
  	max-width:768px;
		height:auto;
		margin:2% 0;
  }

  /* limit */
  #ss-goods .limit {
    position:inherit;
    display:block;
    text-align:center;
		width:62%;
    max-width:100%;
    font-size:3vw;
	  line-height:1.4;
    font-weight:bold;
    color:#9e9e9e;
	  background:#e6e6e6;
    border-radius:10px;
    padding:2% 0 1.4%;
		margin:0 auto 4.2%;
  }
	
  #ss-goods .limit01,
  #ss-goods .limit02,
  #ss-goods .limit03,
  #ss-goods .limit04,
  #ss-goods .limit05,
  #ss-goods .limit06,
  #ss-goods .limit07 {top:0; right:0; left:0;}

  #ss-goods .limit span {
    font-size:2.6vw;
    margin:0 2px 0 3px;
  }

  /* list01-spec, list02-spec */
  #ss-goods .list01-spec .spec,
  #ss-goods .list02-spec .spec {
    display:block;
    width:80%;
	  text-align:center;
    font-size:2.6vw;
	  line-height:1.4;
	  letter-spacing:0.03em;
    font-weight:bold;
    color:#9e9e9e;
	  background:#e6e6e6;
	  border-radius:10px;
	  padding:2.2% 0 1.6%;
	  margin:3% auto 0;
  }
  #ss-goods .list01-spec .spec span,
  #ss-goods .list02-spec .spec span {
    font-size:2.4vw;
	  margin:0 0 0 5px;
  }

  #ss-goods .list01-spec .note,
  #ss-goods .list02-spec .note {
  	text-align:center;
    font-size:1rem;
	  font-weight:bold;
	  color:#a8a8a8;
	  letter-spacing:0.06em;
	  margin:3% auto 4%;
		padding:0 2%;
  }

  /* list03-spec */
  #ss-goods .list03-spec {
    position:inherit;
    top:inherit;
    left:0;
  	right:0;
  	margin:0 auto;
    width:100%;
	  color:#a8a8a8;
	  letter-spacing:0.02em;
	  font-weight:bold;
		padding:0 2.8%;
  }

  #ss-goods .list03-spec .spec {
    display:block;
    width:86%;
	  text-align:center;
    font-size:2.6vw;
	  line-height:1.4;
	  letter-spacing:0.03em;
    font-weight:bold;
    color:#9e9e9e;
	  background:#e6e6e6;
	  border-radius:10px;
	  padding:2.2% 0 1.6%;
	  margin:3% auto;
  }

  #ss-goods .list03-spec .spec-txt {
    font-size:1.2rem;
	  margin:4% 0 2%;
  }

  #ss-goods .list03-spec .note {
    font-size:1rem;
		margin:0 0 4%;
  }

  /* list04-spec */
  #ss-goods .list04-spec {
    position:inherit;
    top:0;
    left:2.8%;
    width:100%;
	  color:#a8a8a8;
	  letter-spacing:0.02em;
	  font-weight:bold;
  }

  #ss-goods .list04-spec .spec-txt {
    font-size:1.2rem;
	  margin:2% 0 2%;
  }

  #ss-goods .list04-spec .note {
    font-size:1rem;
		margin:0 0 4%;
  }

  /* list05-spec */
  #ss-goods .list05-spec {
    position:inherit;
    bottom:0;
    left:2.8%;
    width:100%;
	  color:#a8a8a8;
	  letter-spacing:0.02em;
	  font-weight:bold;
  }

  #ss-goods .list05-spec .spec-txt {
    font-size:1.2rem;
	  margin:-7% 0 2%;
 }

  #ss-goods .list05-spec .note {
    font-size:1rem;
		margin:0 0 4%;
  }

  /* list06-spec */
  #ss-goods .list06-spec {
	  color:#a8a8a8;
	  letter-spacing:0.02em;
	  font-weight:bold;
    margin:1.8% 0 2.8% 2.8%;
  }

  #ss-goods .list06-spec .spec-txt {
    font-size:1.2rem;
	  margin:2% 0 2%;
 }

  #ss-goods .list06-spec .note {
    font-size:1rem;
		margin:0 0 4%
  }

  #ss-goods .list06-spec .note span {
    color:#f00;
  }

  /* list07-spec */
  #ss-goods .list07-spec {
    position:inherit;
    top:0;
    left:0;
    width:100%;
	  color:#a8a8a8;
	  letter-spacing:0.02em;
	  font-weight:bold;
		padding:0 2.8%;
  }

  #ss-goods .list07-spec .spec {
    display:block;
		width:86%;
    text-align:center;
    font-size:2.6vw;
    line-height:1.4;
    letter-spacing:0.03em;
    font-weight:bold;
    color:#9e9e9e;
    background:#e6e6e6;
    border-radius:10px;
    padding:2.2% 0 1.6%;
    margin:4.8% auto;
  }

  #ss-goods .list07-spec .spec-txt {
    font-size:1.2rem;
	  margin:4.8% 0 2%;
  }

  #ss-goods .list07-spec .note {
    font-size:1rem;
	  margin:0 0 4%;
  }

  /* eposcard */
  #ss-goods .epos {
    margin:10% 0 0;
  }

  #ss-goods .epos h3 img {
    width:112%;
		max-width:768px;
		height:auto;
		margin:0 0 0 -6%;
  }

  #ss-goods .h3-txt {
    font-size:3.2vw;
		line-height:1.9;
		letter-spacing:-0.03em;
	  font-weight:bold;
	  text-align:center;
  	margin:4% 0 5%;
  }

  #ss-goods .h3-txt span {
    font-size:2.4vw;
  }

  /* lottery-list */
  #ss-goods .lottery-list {
    display:flex;
	  flex-wrap:wrap;
	  justify-content:center;
  }

  #ss-goods .lottery-list li {
    width:100%;
		text-align:center;
	  max-width:768px;
	  margin:0 0 5%;
  }

  #ss-goods .lottery-list li img {
    width:100%;
		height:auto;
  }

  /* lottery-txt */
  #ss-goods .lottery-note {
    font-size:1rem;
	  line-height:1.9;
		letter-spacing:-0.04em;
	  color:#874d25;
	  margin:0 0 10%;
  }

  /* epos-benefits */
  #ss-goods .epos h4 {
    text-align:center;
  	margin:0 0 4%;
  }

  #ss-goods .epos h4 img {
    width:84%;
		max-width:768px;
		height:auto;
  }

  /* epos-benefits-txt */
  #ss-goods .epos-benefits-txt {
    font-size:2.8vw;
		letter-spacing:0.04em;
	  text-align:center;
	  margin:0 0 4%;
  }

  /* epos-benefits-img */
  #ss-goods .epos-benefits-img {
	  text-align:center;
	  margin:0 0 4%;
  }
}

/*=================================================
Access
=================================================*/
#ss-access .ct-box {padding:55px 45px;}
#ss-access .h2-ttl {margin:0 0 -4px;}

#ss-access ul {
  display:flex;
	justify-content:center;
}

/* map */
#ss-access ul li:nth-child(1) {
 width:50%;
}

#ss-access ul li .map {
  position:relative;
  width:100%;
  height:0;
  padding-top:70%;
}

#ss-access ul li iframe {
  position:absolute;
  top:0;
	left:0;
	width:100% !important;
  height:100% !important;
}

/* address */
#ss-access ul li:nth-child(2) {
 width:50%;
 font-size:13px;
 line-height:2.1;
 color:#874d25;
 padding:10px 0 0 25px;
}

/* sp */
@media screen and (max-width: 768px) {
  #ss-access .ct-box {padding:7% 3%;}
  #ss-access .h2-ttl {margin:-2% 0 -0.6%;}

  #ss-access ul {
    display:flex;
		flex-wrap:wrap;
	  justify-content:center;
  }
	
  /* map */
  #ss-access ul li:nth-child(1) {
   width:100%;
  }

  #ss-access ul li .map {
    position:relative;
    width:100%;
    height:0;
    padding-top:100%;
  }

  #ss-access ul li iframe {
    position:absolute;
    top:0;
	  left:0;
	  width:100% !important;
    height:100% !important;
  }

  /* address */
  #ss-access ul li:nth-child(2) {
   width:100%;
   font-size:1.2rem;
	 line-height:2.1;
   color:#874d25;
   padding:5% 0 0 0;
  }
}

/*=================================================
Note
=================================================*/
#ss-note {
  font-size:1.3rem;
	line-height:2;
	color:#874d25;
	padding:100px 0 60px;
}

#ss-note .ct-box {
	padding:30px 48px 54px 56px;
}

#ss-note h2 {
  font-size:1.6rem;
	padding:25px 0 10px;
}

#ss-note h3 {
	padding:25px 0 10px;
	margin:0 0 0 -0.4em;
}

#ss-note ul {
	list-style:disc;
	margin:0 0 0 1.7em;
}

/* sp */
@media screen and (max-width: 768px) {
  #ss-note {
    font-size:1.3rem;
	  line-height:2;
	  color:#874d25;
	  padding:20% 0 0;
  }

	#ss-note .ct-box {
    font-size:1.2rem;
	  padding:2% 5% 7%;
  }

  #ss-note h2 {
    font-size:1.4rem;
	  padding:5% 0 1.6%;
  }

  #ss-note h3 {
    font-size:1.4rem;
	  padding:4.7% 0 1.6%;
		margin:0 0 0 -1.8%;
  }
}

/*=================================================
Twitter @add 20200303
=================================================*/
#ss-twitter .ct-box {padding:70px 80px;}
#ss-twitter .h2-ttl {margin:5px 0 -5px;}


/* sp */
@media screen and (max-width: 768px) {
  #ss-twitter .ct-box {padding:7% 3%;}
  #ss-twitter .h2-ttl {margin:-2% 0 -0.6%;}
	
}

/*=================================================
Information @add 20200303
=================================================*/
#ss-info {
  font-size:1.3rem;
	line-height:2;
	color:#874d25;
	padding:0 0 30px;
}

#ss-info .ct-box {
	padding:20px 48px 50px 56px;
}

#ss-info h2 {
  font-size:1.6rem;
	padding:25px 0 10px;
}

/* sp */
@media screen and (max-width: 768px) {
  #ss-info {
    font-size:1.3rem;
	  line-height:2;
	  color:#874d25;
	  padding:3% 0 0;
  }

	#ss-info .ct-box {
    font-size:1.2rem;
	  padding:2% 5% 7%;
  }

  #ss-info h2 {
    font-size:1.4rem;
	  padding:5% 0 1.6%;
  }

}

/*=================================================
sns
=================================================*/
#sns {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  padding: 5em 0 2em;
}

#sns li{
  width: 15%;
  display: inline-block;
  margin: 0 0.5em;
}

#sns li img{
  width: 100%;
}