@import url("reset.css");
@charset "UTF-8";
html {
  scroll-behavior: smooth;
}
.block-header-gnav, .page-event h1.block-event-page--header {
  position: relative;
  z-index: 10;
}
.block-header-gnav {
  z-index: 20;
}
.page-event h1.block-event-page--header{
	color: #222;
}
/*_content ctrl_*/
.hideConte {
  display: none !important;
}
.wrapper {
  background: transparent !important;
}
.priConte {
  position: relative;
  z-index: 1;
}
#event-up-live_emotion {
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'メイリオ', Meiryo, sans-serif;
  color: rgb(85, 85, 85);
}
/*__main visual__*/
.img-Mv {
  display: block;
  width: 750px;
  margin: 0 auto;
}
.img-Mv img {
  position: relative;
  z-index: 7;
}
.upLink a, a.attn {
  display: block;
  color: rgba(223, 0, 58, 1);
  text-decoration: underline;
  font-size: 1.3em;
  font-weight: 900;
  margin: 1.5em auto;
  position: relative;
  z-index: 0;
}
a.attn:hover {
text-decoration: underline !important;	
}
.upLink {
  width: 100%;
  text-align: right;
  margin: 30px 0 0;
}
.upLink a {
  font-size: 1.1em;
}

.bottom-conte {
  text-align: center;
  margin: auto;
  font-size: 1.8em;
  color: #1e1e2d;
}
.bottom-conte fas,.button_lineup i {
  color: rgb(43 43 43)!important;
  }
/*__ btn __*/
.button_lineup, a.button_lineup {
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  background: rgb(255 255 255);
  border: 2px solid rgb(43 43 43);
  width: 420px;
  text-decoration: none;
}
a.button_lineup:hover {
  background: rgb(43 43 43 / 0.3);
}
a.button_lineup:after, a.button_lineup:hover::after {
  background: transparent !important;
}

/* --------------------------------------------------------------------
	PC/	Common/
--------------------------------------------------------------------- */
/* H */
h3.bg-Ribon {
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 1.8em;
  font-weight: 900;
  background: rgb(0 0 0);
  color: rgb(255 255 255);
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 1em;
  padding: 0.5em;	
  z-index: 15;
}
h4 {
  font-size: 1.4em;
  font-weight: 900;
  text-align: center;
  margin: 0 auto 1em;
}
h4.underLine {
  background: linear-gradient(transparent 90%, #000 60%);
  width: 136px;
  margin-bottom: 2em;
  color: rgb(0 0 0);
  padding-bottom: 5px;
}
/* text Ctrl*/
.r-Txt { /* Red-text */
  color: rgb(223 0 58);
}
.min_Txt { /* Small-text */
  font-size: 0.85em;
}
.m-Txt { /* medium-text */
  font-size: 1.2em;
}
.large-Txt { /* Large-text */
  font-weight: 900 !important;
  font-size: 1.3em !important;
}
.b-Txt {
  font-weight: 900;
}
.c_Txt{
	text-align: center;
}
.l_Txt{
	text-align: left;
}

/* Container */
#content-bg {
  width: 1200px;
  margin: 50px auto;
  z-index: -2;
}
.wrap-Container {
  width: 1070px;
  margin: 50px auto;
  padding: 10px;
  position: relative;
}
/*_inf-Area_*/
.inf-Area {
  width: 770px;
  box-sizing: border-box;
  margin: 2em auto 0;
  position: relative;
  z-index: 10;
}
.inf-Area.pConte {
  padding: 15px 50px;
}
.inf-Area.benefits {
  margin: 0 auto 3em;
}
.inf-Area.benefits .att_fr {
  border: 2px solid rgba(126, 101, 40, 1);
}
.inf-Area.bG {
  background-color: rgba(235, 235, 228, .5);
  border: 2px solid rgba(126, 101, 40, 1);
}
.inf-Area p {
  font-size: 1.2em;
  margin-bottom: 0.2em;
	line-height: 1.8em;
}
.txt-Catch {
  font-size: 1.55em;
  font-weight: 600;
}
.Lttl {
  font-size: 1.8em;
  color: rgba(63, 46, 39, 1);
}

/*_LINEUP_*/
#lineUp {
  width: 1200px;
  margin: 3em auto 1.5em;
}
/*_list-Frame_*/
.itemlist {
  box-sizing: border-box;
  padding: 0 1em;
  width: 100%;
  margin: 0 auto 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.itemlist > li {
  line-height: 1.5;
  text-align: center;
  background: rgb(255 255 255);
  border: rgb(43 43 43) solid 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  position: relative;
  padding: 30px 40px 20px;
  margin: 0 27px 20px 0;
  width: 500px;	
}
.itemlist > li.limiTed {
  background: rgb(255 255 255);
  max-width: 47%;
  width: calc((100% - 20px) / 2);
}

/*tag*/
.tagA {
  font-weight: 900;
  color: #fff;
  padding: 0.5em 0.1em;
  text-align: center;
  font-size: 1.5em;
  background: rgb(133 177 223);
}
.tagB {
  font-weight: 900;
  color: #fff;
  padding: 0.5em 0.1em;
  text-align: center;
  font-size: 1.5em;
  background: rgb(164 212 182);
}
.tagC {
  font-weight: 900;
  color: #fff;
  padding: 0.5em 0.1em;
  text-align: center;
  font-size: 1.5em;
  background: rgb(240 191 125);
}
.tagD {
  font-weight: 900;
  color: #fff;
  padding: 0.5em 0.1em;
  text-align: center;
  font-size: 1.5em;
  background: rgb(166 68 76);
}
/*_buy_*/
.buy {
  font-size: 1em;
}
.name {
  font-size: 1.1em;
  font-weight: 900;
}
.name.tTl {
  font-size: 1.4em;
  color: rgb(43 43 43);	
}
.price {
  font-size: 1.5em;
  font-weight: 900;
  color: rgb(43 43 43);
  text-align: center;
  margin-top: 0.5em;
}
/*_btn_*/
/*_add-size_*/
ul.btn_cuatro {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
ul.btn_cuatro li {
  width: calc((100% - 10px) / 2);
}
ul.btn_cuatro li a {
  background-color: rgb(139 24 24);
  width: 100% !important;
  padding: 0.5em !important;
  margin-top: 0.3em;
}

/*-order-*/
.btn-order {
  margin-top: 1em;
  text-align: center;
}
ul.btn_cuatro li a, .btn-order a.limiTed {
  color: rgb(255 255 255);
  font-size: 1.45em;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  box-sizing: border-box;
  width: 215px;
  padding: 10px 30px;
}
.btn-order a.limiTed {
  background-color: rgb(43 43 43);
}
.btn-order a span {
  font-weight: 900;
  line-height: 1.5;
}
ul.btn_cuatro li a:hover, .btn-order a.limiTed:hover {
  background-color: rgb(43 43 43 / 0.7);
}
ul.btn_cuatro li a:active, .btn-order a:active {
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

/*_up-live_emotion-Bnr_*/
.up-live_emotion-Bnr {
  margin: 50px auto;
}
.up-live_emotion-Bnr, .up-live_emotion-Bnr a img {
  display: block;
}
.up-live_emotion-Bnr a img {
  margin: 0 auto;
  width: 320px;
}
.upLink-list {
  display: flex;
  justify-content: center;
  width: 750px;
  margin: 0 auto;
}
.upLink-list a img {
  display: block;
  width: 100%;
}
.conteLink {
  width: 98%;
  margin: 1.5em auto 85px;
  border: #707070 solid 1px;
}
/*_Attention_*/
.attention-Area {
  font-size: 1.1em;
  width: 1000px;
  margin: 0 auto;
  padding: 40px;
  border: #503c2f solid 1px;
}
.attention-Area dl {
  text-align: center;
  margin-bottom: 2em;
}
.attention-Area a {
  text-decoration: none !important;
  /*	text-decoration: underline !important;*/
}
.attention-Area .br-Underline, .attention-Area .bu-Underline, .attention-Area .r-Underline {
  color: rgb(238 49 56);
  border-bottom: rgb(238 49 56) solid 1px;
  margin: 0 auto;
  width: 30%;
}
.attention-Area .r-Underline {
  color: rgb(223 0 58);
  border-bottom: rgb(223 0 58 / 0.9) solid 1px;
}
.attention-Area .br-Underline {
  color: rgb(184 169 106);
  border-bottom: rgb(184 169 106 / 0.9) solid 1px;
}
.attention-Area p {
  font-size: 1.2em;
  margin: 10px 0;
}
.attention-Area ul {
  margin-bottom: 2em;
}
/*_Copyright_*/
.txt-Copyright {
  color: rgb(0 0 0);
  text-align: center;
  width: 100%;
  padding: 1em;
  margin: 50px auto 0;
  font-size: 1.1em;
  border-top: rgb(227 227 227) solid 1px;
}
/*_add_*/
.first-Box {
  display: flex;
  width: 770px;
  margin: 0 auto;
}
.first-Box .first-imgItem {
  width: 40%;
  margin: 10px;
}
.first-Box .first-txtItem {
  width: 60%;
  margin: 10px;
  font-size: 1.2em;
  line-height: 1.8em;
}
.bro_Ttl {
  font-size: 26px;
  color: #1e1e2d;
  font-weight: 600;
  text-align: center;	
}
.marker_pink {
  background: linear-gradient(transparent 70%, #FFD6E1 60%);
	color: #DF003A;
	font-weight: 600;
	font-size: 22px;
	width: 290px;
	padding: 0 0.5em;
	margin: 1.5em auto 2em;
	text-align: center;
}
.large_Txt {
  font-size: 1.2em;
}
.flex-Box {
  display: flex;
  align-items: flex-start;
}
.flex-Box .flex-item {
  margin: 5px;
  width: 40%;
}
.flex-Box .flex-buy {
  font-size: 1.2em;
  margin: 1em 2em;
  width: 60%;
  text-align: left;
}
.item {
	font-size: 1.2em;
}
.item img {
	margin: 1em auto;
	max-height: 250px;
	width: auto;
}
.bro-border {
	border: solid 2px rgb(0 0 0);
	margin: 0.5em 0 0;
}
.Disc {
	margin: 2em auto;
	width: 770px;
}
.Disc_Ttl {
	font-size: 1.8em;
	font-weight: 600;
	text-align: center;
	color: #1e1e2d;
	margin-top: 2em;
}

.ouboken {
	margin: 2em auto;
	text-align: center;
	font-weight: 600;
	font-size: 1.3em;
	border-bottom: medium;
}
.ouboken a {
	text-decoration: none;
}
.ouboken a:hover{
	border-bottom: solid 1px #69BACF;
}
.juchu {
  margin: 1em auto;
	padding: 0.5em;
	max-width: 450px; 
  background-color: rgba(194, 102, 165, 1);
}
.juchu span {
  font-weight: 900;
  line-height: 1.5;
	color: #fff; 
	font-size: 1.3em;
}
	.sma {
  display: none;
}
	.pc {
  display: block;
}
.space {
	margin: 2em auto;
}
a .notice {
	text-align: center;
	background: #DF003A;
	color: #fff;
	width: 450px;
	font-size: 1em;
	padding: 0.5em;
	margin: 2em auto;
	text-decoration: none !important;
}

a .notice:hover {
	background: rgba(223,0,58,0.7);
	color: #fff;
	text-decoration: none !important;
}
.benefits a:hover, .benefits a:active, .benefits a:focus {
	text-decoration: none !important;
}
.broImg {
	display: flex;
	justify-content: center;
	margin: 1em auto;
}
.broImg img {
	margin: 10px;
	width: 220px;
}
.img_700{
	max-width: 700px;
}
.block-page-top{
	z-index: 19;
}

/* --------------------------------------------------------------------
	SP/
--------------------------------------------------------------------- */
/*@media screen and (max-width: 600px) {*/
@media only screen and (max-width: 768px) {
  /*__Content__*/
	#content-bg {
		width: 100%;
		margin: 2em auto;
	}
	dl.about-Item, .inf-Area {
		width: 95%;
	}
	.conteLink {
		width: 98%;
		margin: 1.5em auto 2em;
	}

	.bottom-conte {
		font-size: 1.3em;
		width: 85%;
	}
	
	.button_lineup, a.button_lineup {
		line-height: 1.4;
		padding: 1rem 2rem;
		width: 96% !important;
		letter-spacing: 0.8;
	}
	.bottom-conte fas,.button_lineup i {
		color: #1e1e2d;
	}
	
	
	/*_slide__*/
	.slideConte,
	.wrap-Container {
		width: 97%;
		padding: 0;
	}
	.wrap-Container {
		margin: 2em auto;
	}
	.slideConte {}

  /*__H__*/
	.page-event h1.block-event-page--header {
		padding-bottom: 1em;
		width: 100%;
		margin: 0 auto;
	}
	h3.bg-Ribon {
		border: 0;
		line-height: 1.5;
		font-size: 1.5em;
		margin: 0.5em auto;
		padding: 0.75em;
	}
	.small-Txt { /* Small-text */
		font-size: 0.9em !important;
	}

  /*__main visual__*/
	.img-Mv {
		width: 100%;
	}
  /*__info Area__*/
	.inf-Area.benefits {
		display: block;
		width: 95%;
		margin: 0 auto;  
	}
	.inf-Area {
		padding: 0.5em !important;
		margin: 1em auto 0;
	}
	.inf-Area p {
		font-size: 1em;
	}
	.inf-Area p.saleDate {
		text-indent: -3.0em;
		padding-left: 3.0em;
	}
		.inf-Area p.txt-Catch {
		letter-spacing: -0.06em;
	}
	.txt-Catch {
		width: 96%;
		margin: 0 auto;
		font-size: 1.2em;
	}
	.indent-Txt {
		text-indent: -1.2em;
		padding-left: 1.2em;
		text-align: center;
	}
  /*__item__*/
	.item-bg {
		background-position: center bottom;
	}
	a.attn {
		font-size: 1.2em;
		margin-bottom: 1em;
	}
  /*_img-xxBox_*/
	.img_xxBox {
		width: 100%;
		margin: 0 auto;
	}
  /*-list-Frame-*/
	#lineUp {
		width: 98%;
		margin: 1.5em auto;
	}
	.itemlist {
		width: 100%;
		display: block;
	}
	.itemlist > li {
		padding: 1em;
		width: 100% !important;
		max-width: 100% !important;
		margin: 1em auto 0.5em;
	}
	.buy, .name {
		margin-bottom: 0;
	}
	.name {
		font-size: 1.2em;
	}
	.name.tTl {
		font-size: 1.3em;
	}
	.limit {
		font-size: 1.0em;
		text-align: center;
	}
	.limit span, .price {
		font-size: 1.6em;
	}
  /*_btn_*/
	.btn-order {
		margin: 1em auto 0;
		text-align: center;
	}
	
	.btn-order span {
		font-size: 1em;
	}
	.btn-order.btn_order-All, .btn-order.btn_order-All a {
		width: 90%;
		font-size: 1.1em;
		margin: 0 auto 1em;
		height: auto;
	}
	.btn_order-All a span:after {
		width: 70px !important;
	}
  /*_Attention_*/
	.attention-Area {
		width: 92%;
		padding: 1.1em;
		font-size: 1.0em;
	}
	.attention-Area .br-Underline, .attention-Area .bu-Underline, .attention-Area .r-Underline {
		width: 85%;
		font-size: 0.95rem;
	}
  /*_up-live_emotion-Bnr_*/
	.up-live_emotion-Bnr {
		width: 100%;
		margin: 20px auto 30px;
	}
	.txt-Copyright {
		font-size: 0.8rem !important;
		margin: 10px auto 0;
	}
	.Lttl {
		font-size: 1.2rem !important;
	}
	.upLink {
		margin: 2em -1.1em 0;
	}
	.upLink-list a, .upLink-list {
		display: block;
		width: 90%;
		margin: 0 auto;  
	}
	.upLink-list a {
		margin-bottom: 1em;
	}
  /*_add-textCTRL_*/
	.splarge-Txt { /* Large-text */
		font-size: 1.2em !important;
		width: 98%;
		margin: 0 auto;
		padding-left: 1.4em;
	}
	.Txt_detail {
		font-size: 1em;
		margin: 1em 0.5em 0;
	}
	.first-Box {
		display: flex;
		flex-flow: column;
		width: 100%;
		margin: 0 auto;
	}
	.first-Box .first-imgItem {
		width: 55%;
		margin: 1em auto;
	}
	.first-Box .first-txtItem {
		width: 95%;
		margin: 1em auto;
		font-size: 1em;
		line-height: 1.5em;
	}
	.tagLimited {
		font-size: 1.1em;
	}
	.itemlist {
		margin: 0 auto;
	}

	.flex-Box {
		display: flex;
		flex-flow: column;
	}
	.flex-Box .flex-item {
		margin: 5px auto;
		width: 90%;
	}
	.flex-Box .flex-buy {
		font-size: 1em;
		margin: 1em auto;
		width: 90%;
		text-align: left;
	}
	.Disc {
		margin: 1em auto 1.5em;
		width: 95%;
	}
	.ouboken {
		margin: 1em 1em 2em;
	}
	.price {
		text-align: center;
	}
	.sma {
		display: block;
	}
	.pc {
		display: none;
	}
	.Disc_Ttl {
		margin-top: 1em;
	}
	.space {
		margin: 0 auto 1em;
	}
	.hr {
		margin: 0 auto !important;
	}
	.m-Txt { /* medium-text */
		font-size: 1em;
	}
	.item {
		font-size: 1em;
	}
	h4.underLine {
		margin-bottom: 1em;
	}
	.bro_Ttl {
		line-height: 27px;
		font-size: 18px;
		text-align: center;
	}
	.marker_pink {
		font-size: 18px;
		margin: 0.5em auto 1em;
		width: 240px;
	}
	a .notice {
		width: 90%;
	}
	.broImg {
		width: 90%;
	}
	.broImg img {
		margin: 5px;
		width: 35%;
	}
	#line_up{
		margin-top: 1em;
	}
	.bro-border{
		margin: 0.5em 0 1em;
	}

	.tagA, .tagB, .tagC, .tagD {
	  font-size: 1.3em;
	}

}