@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500&display=swap');

.block-event-page--header-freespace {
background:#fff;
font-family: 'Poppins','游ゴシック',YuGothic,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif !important;
color: #666666;
font-weight: normal;
}

.block-event-page--header-freespace p,
.block-event-page--header-freespace .p,
.block-event-page--header-freespace li,
.block-event-page--header-freespace dt,
.block-event-page--header-freespace dd {
	line-height: 1.7;
}

.block-event-page--header-freespace a {
	color: #777;
  transition: 0.3s;
	text-decoration: none;
}
.block-event-page--header-freespace a:hover {
	opacity: .8;
	text-decoration: none;
}

.secHead h3 img{
	width: 100%;
	height: auto;
}
/* 追加 */
.secHead h3 p{
    font-size: 16px;
    font-weight: 500;
}
/* 追加 END */

#pageTop{
	width: 100%;
}
.secIn{
	overflow: hidden;
	width: 90%;
	max-width: 976px;
	margin: 0 auto;
}

section{
	padding: 60px 0 !important;
}
#orgabits .secHead{
	margin-bottom: 40px;
	text-align: center;
}

#orgabits .secHead h3 img{
	width: 100%;
	max-width: 300px;
	height: auto;
}

#orgabits .txt{
	/* margin-bottom: 120px; */
}

#orgabits .txt p{
	text-align: center;
	font-size: 16px;
	line-height: 2.4 !important;
	margin-bottom: 40px;
}

#orgabits .img{
	margin-bottom: 60px;
}

#orgabits .btn{
	text-align: center;
}


#orgabits .btn{
	text-align: center;
}

#orgabits .btn a{
	display: inline-block;
	width: 100%;
	max-width: 300px;
}

#item01{
	padding-bottom: 20px !important;
}

#item01 .secHead{
	margin-bottom: 40px;
}

#item01 .secHead h3 img{
	width: 100%;
	max-width: 332px;
	height: auto;
}

#item02{
	padding-top: 0 !important;
}

#item02 .secHead{
	margin-bottom: 40px;
}

#item02 .secHead h3 img{
	width: 100%;
	max-width: 398px;
	height: auto;
}

.itemList{
	display: flex;
	-webkit-flex-wrap: wrap;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
	 position: relative;
	 border-bottom: #E7E7E7 1px solid;
	 padding-bottom: 40px;
	 margin-bottom: 40px;
	 gap:60px;
}

.itemList.even{
	flex-direction: row-reverse;
}

.itemList .imgWrap{
	flex: 1;
}
.itemList .txtWrap{
	flex: 1;
	position: relative;
}

.itemList .txtWrap h4{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

.itemList .txtWrap .txt{
	font-size: 14px;
	margin-bottom: 40px;
}

.itemList .txtWrap .color{
	margin-bottom: 20px;
}

.itemList .txtWrap .price{
	font-family: 'Zen Maru Gothic', sans-serif;
  font-size: 25px;
	color: #000;
}


.itemList .txtWrap .arrowBtn{
	position: absolute;
	bottom: 0;
	right: 0;
}


.itemList .arrowBtn{
	width: 226px;
	height: 50px;
	text-align: right;
	position: relative;
}

.itemList .arrowBtn a{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	background: #000;
-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}

.itemList .arrowBtn a:hover{
opacity: 1;
width: 220px;
}

.itemList .arrowBtn a span{
	display: block;
	position: relative;
	top: 8px;
	right:15px; 
}

.itemList .arrowBtn a span img{
	width: 20px;
	height: auto;
}

.itemList .arrowBtn a span:before{
  content: "購入する";
  color: #FFF;
  position: absolute;
  top: 5px;
  right:70px;
  z-index: 1000;
  display: block;
  width: 100px;
  font-weight: bold;
  
}

.itemList .c01 img{
	width: 100%;
	max-width: 168px;
	height: auto;
}

.itemList .c02 img{
	width: 100%;
	max-width: 258px;
	height: auto;
}

.itemList .c03 img{
	width: 100%;
	max-width: 228px;
	height: auto;
}

.itemList .c04 img{
	width: 100%;
	max-width: 138px;
	height: auto;
}

#item02 > div > div.itemWrap > div.itemList.even{
	margin-bottom: 0;
}

#orgItem,
#fItem,
#blItem,
#updriftItem,
#otherItem{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#orgItem .secIn,
#fItem .secIn,
#blItem .secIn,
#updriftItem .secIn,
#otherItem .secIn{
	border-bottom: #E7E7E7 1px solid;
	padding-bottom: 80px;
}

#orgItem .secHead, 
#fItem .secHead, 
#blItem .secHead, 
#updriftItem .secHead,
#otherItem .secHead{
	margin-bottom: 40px;
}

/* 追加 */
#fItem .secHead {
	margin-top: 80px;
}
/* 変更 */

#orgItem .secHead h3 img, 
#fItem .secHead h3 img, 
#blItem .secHead h3 img, 
#updriftItem .secHead h3 img,
#otherItem .secHead h3 img,
#howtomake .secHead h3 img{
	width: 100%;
	max-width: 350px;
	height: auto;
	margin-bottom: 30px;
}
/* 変更 :END */

#orgItem .itemWrap, 
#fItem .itemWrap, 
#blItem .itemWrap, 
#updriftItem .itemWrap,
#otherItem .itemWrap  {
	overflow: hidden;
}

#orgItem .itemWrap .item, 
#fItem .itemWrap .item, 
#blItem .itemWrap .item, 
#updriftItem .itemWrap .item,
#otherItem .itemWrap .item  {
	width: calc(100% / 3 - 40px);
	float: left;
	margin-right: 60px;
	    position: relative;
	    padding-bottom: 40px;
	margin-bottom: 60px;
}
#orgItem .itemWrap .item:nth-child(3n) , 
#fItem .itemWrap .item:nth-child(3n) , 
#blItem .itemWrap .item:nth-child(3n) , 
#updriftItem .itemWrap .item:nth-child(3n),
#otherItem .itemWrap .item:nth-child(3n) {
  margin-right: 0;
}

#orgItem  .arrowBtn, 
#fItem .arrowBtn, 
#blItem .arrowBtn, 
#updriftItem .arrowBtn,
#otherItem .arrowBtn  {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 40px;
	text-align: right;
}

#orgItem  .arrowBtn a, 
#fItem .arrowBtn a, 
#blItem .arrowBtn a, 
#updriftItem .arrowBtn a,
#otherItem .arrowBtn a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	background: #000;
-webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
       -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
#orgItem  .arrowBtn a:hover, 
#fItem .arrowBtn a:hover, 
#blItem .arrowBtn a:hover, 
#updriftItem .arrowBtn a:hover,
#otherItem .arrowBtn a:hover {
opacity: 1;
width: 226px;
}
#orgItem  .arrowBtn a span, 
#fItem .arrowBtn a span, 
#blItem .arrowBtn a span, 
#updriftItem .arrowBtn a span,
#otherItem .arrowBtn a span  {
	display: block;
	position: relative;
	top: 5px;
	right:10px; 
}
#orgItem  .arrowBtn a span img, 
#fItem .arrowBtn a span img, 
#blItem .arrowBtn a span img, 
#updriftItem .arrowBtn a span img,
#otherItem .arrowBtn a span img {
	width: 20px;
	height: auto;
}
#orgItem  .arrowBtn a span:before, 
#fItem .arrowBtn a span:before, 
#blItem .arrowBtn a span:before, 
#updriftItem .arrowBtn a span:before,
#otherItem .arrowBtn a span:before {
  content: "購入する";
  color: #FFF;
  position: absolute;
  top: 6px;
  right:70px;
  z-index: 1000;
  display: block;
  width: 100px;
  font-weight: bold;
  
}
#orgItem .img, 
#fItem .img, 
#blItem .img, 
#updriftItem .img
#otherItem .img{
	margin-bottom: 10px;
}
#orgItem .title, 
#fItem .title, 
#blItem .title, 
#updriftItem .title,
#otherItem .title{
	font-size: 14px;
}
#orgItem .price, 
#fItem .price, 
#blItem .price, 
#updriftItem .price,
#otherItem .price{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
}

#orgItem .btn, 
#fItem .btn, 
#blItem .btn, 
#updriftItem .btn, 
#otherItem .btn{
	text-align: center;
	padding-top: 40px;
}
#orgItem .btn a, 
#fItem .btn a, 
#blItem .btn a, 
#updriftItem .btn a,
#otherItem .btn a{
	display: inline-block;
	width: 300px;
}
	
/* ---bg追加---------------------------------------------- */
.org_bg{
	background: url(/event/donation/img/org_bg.png)no-repeat;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.food_bg{
	background: url(/event/donation/img/food_bg.png)no-repeat;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.updrift_bg{
	background: url(/event/donation/img/b_bg.png)no-repeat;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	
}
/* ------------------------------------------------- */
#orgabitsList{
	margin-bottom: 100px;
}

#orgabitsList .secHead{
	margin-bottom: 40px;
	text-align: center;
}

#orgabitsList .secHead h3 img{
	width: 100%;
	max-width: 230px;
	height: auto;
}

#orgabitsList ul{
	overflow: hidden;
	padding-bottom: 40px;
	border-bottom: #E7E7E7 1px solid;
	margin-bottom: 40px;
	display: flex;
	gap:60px;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

#orgabitsList ul li{
	flex:1;
        width: 100px;
}

#orgabitsList ul li .img{
	margin-bottom: 20px;
}

#orgabitsList ul li .title{
	margin-bottom: 10px;
	font-weight: bold;
}

#orgabitsList ul li .txt{
	font-size: 14px;
	margin-bottom: 15px;
}

#orgabitsList ul li .link{
	font-size: 14px;
	margin-bottom: 30px;
	font-weight: bold;
}

#orgabitsList ul li .link span{
	display: block;
}

#orgabitsList ul li .link a{
	color: #4075FF;
}

#orgabitsList ul li .s01 img{
	width: 149px;
	height: auto;
}

#orgabitsList ul li .s02 img{
          width: 100%;
	/*width: 461px;*/
	height: auto;
}


#orgabitsList ul li .s03 img{
	width: 45px;
	height: auto;
}


#orgabitsList ul li .s04 img{
	width: 149px;
	height: auto;
}

#orgabitsList ul li .s05 img{
        width: 461px; 
	height: auto;
}

#orgabitsList ul li .s06 img{
	width: 305px;
	height: auto;
}

#orgabitsList ul li .s07 img{
	width: 149px;
	height: auto;
}

#orgabitsList .btn{
	text-align: center;
	padding-top: 40px;
}

#orgabitsList .btn a{
	display: inline-block;
	width: 100%;
	max-width: 300px;
}


/*common*/
.spStyle{
	display: none !important;
}

#bottmNav{
	padding-bottom: 100px;
	font-weight: bold;
}

#bottmNav ul{
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

#bottmNav ul li{
	border-right: 1px solid #000;
	padding: 0 20px;
}

#bottmNav ul li:last-child{
	border: none;
}


#whatsBuzzu .secHead{
	text-align: center;
	margin-bottom: 40px;
}

#whatsBuzzu .secHead h3{
	margin-bottom: 40px;
}
#whatsBuzzu .secHead h3 img{
	width: 100%;
	max-width: 357px;
	height: auto;
}

#pointList{
	display: flex;
}

#pointList li{
	width: calc(100% / 3);
	padding: 20px;
}

/*追加*/
#howtomake {
	background-color: #E7E7E7;
}
#howtomake .howtomake_secIn{
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}
#howtomake .howtomake_secIn .secHead{
	text-align: center;
	margin-bottom: 50px;
}
#howtomake .howtomake_secIn .howtomakeInner{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#howtomake .howtomake_secIn .howtomakeInner p:last-child{
	margin-bottom: 30px;
}
#howtomake .howtomake_secIn .howtomakeInner img{
	max-width: 33%;
	margin-bottom: 60px;
}
/*追加 END*/

/*	調整　*/

/* スマートフォンとタブレット以外の画面幅用メディアクエリ */
@media (min-width: 1025px) {
	.btn a{
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
		-o-transition: 0.5s all;
    transition: 0.5s all;
	}
	.btn a:hover{
		opacity: 0.8;
	}
	
}

@media (max-width: 1100px) {
#orgItem .itemWrap .item, 
#fItem .itemWrap .item, 
#blItem .itemWrap .item, 
#updriftItem .itemWrap .item,
#otherItem .itemWrap .item{
	width: calc(50% - 30px);
	float: left;
	margin-right: 60px;
  position: relative;
  padding-bottom: 40px;
	margin-bottom: 60px;
}
#orgItem .itemWrap .item:nth-child(2n), 
#fItem .itemWrap .item:nth-child(2n), 
#blItem .itemWrap .item:nth-child(2n), 
#updriftItem .itemWrap .item:nth-child(2n),
#otherItem .itemWrap .item:nth-child(2n){
  margin-right: 0;
}
#orgItem .itemWrap .item:nth-child(3n), 
#fItem .itemWrap .item:nth-child(3n), 
#blItem .itemWrap .item:nth-child(3n), 
#updriftItem .itemWrap .item:nth-child(3n),
#otherItem .itemWrap .item:nth-child(3n){
  margin-right: 60px;
}

}

/*スマホ*/

@media (max-width: 768px) {

.pcStyle{
	display: none;
}

.spStyle{
	display: block !important;
}

#orgabits .txt p{
	/* text-align: left; */
	/*追加*/
	text-align: center;
	margin-bottom: 0px;
	font-size: 16px;
  /*追加 : END*/
}


#orgabits .txt{
	margin-bottom: 60px;
}

#item01 .secHead h3{
	text-align: center;
}

#item01 .secHead h3 img{
	max-width: 250px;
}

.itemList{
	display: block;
}

.itemList .imgWrap{
	margin-bottom: 20px;
}

.itemList .arrowBtn a{
	width: 220px;
}

.itemList .txtWrap{
	padding-bottom: 50px;
}

.itemList .arrowBtn a span{
	top: 8px;
}

.itemList .arrowBtn a span:before{
	top: 5px;
}

.itemList .txtWrap .price{
	font-size: 25px;
}
#orgItem .itemWrap .item, 
#fItem .itemWrap .item, 
#blItem .itemWrap .item, 
#updriftItem .itemWrap .item,
#otherItem .itemWrap .item  {
	width: 100%;
	margin: 0;
}

#orgItem .title, 
#fItem .title, 
#blItem .title, 
#updriftItem .title,
#otherItem .title {
	font-size: 14px;
}
#orgItem .title br, 
#fItem .title br, 
#blItem .title br, 
#updriftItem .title br,
#otherItem .title br {
	display: none;
}
#orgItem .arrowBtn, 
#fItem .arrowBtn, 
#blItem .arrowBtn, 
#updriftItem .arrowBtn,
#otherItem  .arrowBtn {
	width: 100%;
}
#orgItem .arrowBtn a, 
#fItem .arrowBtn a, 
#blItem .arrowBtn a, 
#updriftItem .arrowBtn a,
#otherItem .arrowBtn a {
	width: 100%;
}
#orgItem .arrowBtn a:hover, 
#fItem .arrowBtn  a:hover, 
#blItem .arrowBtn a:hover, 
#updriftItem .arrowBtn a:hover,
#otherItem .arrowBtn a:hover  {
	width: 100%;
}
#orgItem .arrowBtn a span:before, 
#fItem .arrowBtn  a span:before, 
#blItem .arrowBtn a span:before, 
#updriftItem .arrowBtn a span:before,
#otherItem .arrowBtn a span:before {
	width: 100%;
	top: 5px;
	left: 0;
	text-align: center;
}
#orgItem .img img, 
#fItem .img img, 
#blItem .img img, 
#updriftItem .img img,
#otherItem .img img {
	width: 100%;
	height: auto;
}
#orgItem .itemWrap .item, 
#fItem .itemWrap .item, 
#blItem .itemWrap .item, 
#updriftItem .itemWrap .item
#otherItem .itemWrap .item  {
	margin-bottom: 60px;
}
#orgItem .secHead, 
#fItem .secHead, 
#blItem .secHead, 
#updriftItem .secHead,
#otherItem .secHead{
	text-align: center;
}
#orgItem .secHead h3 img, 
#fItem .secHead h3 img, 
#blItem .secHead h3 img, 
#updriftItem .secHead h3 img,
#otherItem .secHead h3 img  {
	max-width: 350px;
}
/* 追加 */
#fItem .secHead {
	margin-top: 0;
}
#orgabitsList ul{
	padding: 0;
}

#orgabitsList .secHead{
	text-align: center;
}

#orgabitsList .secHead h3 img{
	max-width: 250px;
}

#orgabitsList ul{
	display: block;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#orgabitsList ul li{
	border-bottom: #E7E7E7 1px solid;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

#pointList{
	display: none !important;
}
/*追加*/
#howtomake .howtomake_secIn .howtomakeInner{
	display: block;
}

#howtomake .howtomake_secIn .howtomakeInner p:last-child{
	margin-bottom: 30px;
}

#howtomake .howtomake_secIn .howtomakeInner img{
	max-width: 100%;
	margin-bottom: 60px;
}

#otherItem .itemWrap .item  {
	margin-bottom: 60px;
}

#orgabitsList ul li .s02 img {
        width: 100%;
        height: auto;
}
#orgabitsList ul li .s05 img {
    width: 100%;
    height: auto;
}
#orgabitsList ul li{
        width: 100%;
}


/*追加 END */

}

/* slick */
.slick-slide{
		height: auto !important;
	}


.slick-prev:before, .slick-next:before{
	color: #000 !important;
}

.slick-next {
  right: 20px !important;  /* 矢印の位置を調整 */
  background: none !important;
  z-index: 100;
}

.slick-prev {
  left: 20px !important;  /* 矢印の位置を調整 */
  background: none !important;
  z-index: 100;
}

.hiddenList{
display:none;
}

#scrollToTop{
color:#333;
}

.secHead h3 {
	background: none;
	padding: 0;
	margin: 0;
	color: #666666;
	border-bottom: 0;
}

.secIn .btn {
  margin-inline: auto;
  display: block;
}

.secIn .slick-next {
	right: 20px !important;
}

.secIn .slick-prev {
	left: 20px !important;
}

.secIn .slick-next::before,
.secIn .slick-prev::before {
	content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 4px;
  z-index: 2;
	opacity: 1;
}
.secIn .slick-prev::before {
	transform: translateY(-50%) rotate(-135deg);
	left: 6px;
}
.secIn .slick-next::after,
.secIn .slick-prev::after {
	content:"";
  width: 20px;
  height: 20px;
  background:#404040;
  border-radius: 50%;
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
	opacity: 1;
}

.ty_itemTx p{margin:0!important;}

.ty_itemTx {
  font-weight: normal;
}

.itemsection a{text-decoration: none;}

.lookbook_2025_imgunder_tx01 {
  font-weight: normal;
}
.lookbook_2025_wrap.firstCon p:not(.lookbook_2025_tit01),
.lookbook_2025_con_tx001 {
  font-weight: normal;
  line-height: 1.7;
}
.toHome a {
  font-weight: normal;
  transition: opacity .3s;
}
.toHome a:hover {
  opacity: .8;
}

.block-lineup-filter--btn,.block-lineup-aside {
  display: none !important;
}

.block-topic-path, .block-lineup-title {
  display: none;
}

.block-lineup-items {
  padding-inline: 0;
  padding-top: 45px;
}

.wrapper {
  display: block;
  max-width: none;
}

.wrapper hgroup h2 {
  border-bottom: none;
  padding: 0;
  margin: 0;
  background: none;
}

.block-lineup-display,
.block-accessory-list--list,
.block-event-page--accessory,
.block-pickup-list-p {
  padding-inline: 18px;
}

.block-top-event--goods .block-accessory-list--list {
  padding-inline: 0;
}

@media screen and (min-width: 768px) {
  .pane-contents .wrapper {
    margin: 0 auto;
    display: block;
  }

  .container {
    max-width: none;
  }

  .block-lineup-items {
    padding-inline: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .block-lineup-wrap {
    padding-top: 0;
    padding-inline: 0;
    inline-size: 100%;
  }
  .block-lineup-wrap.block-ranking-wrap {
    padding-inline: 0;
    padding-top: 0;
  }

  .box:has(.boxPoint) {
    overflow: hidden;
  }

  .block-lineup-display,
  .block-accessory-list--list,
  .block-event-page--accessory,
  .block-pickup-list-p {
    max-width: 1200px;
    margin-inline: auto;
  }
}

@media screen and (min-width: 1280px) {
  .block-lineup-items {
    padding-top: 77px;
    padding-bottom: 0;
  }
}