/*--------------------------------------
背景関係CSS
---------------------------------------*/


.bgRezero {
	background-color:#776CA6;
}


.bg_body {
	background-color:#D0E9F8;
}

.bg_body_ptn {
	background-image: url("../img/bg_ptn.png");
	width: 100%;
	background-repeat: repeat;
	background-size: auto;

}

.bg_body_img {
	background: url("../img/bg_img.webp");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
	width:100%;

}

.bg_body_snow {
	background-image: url("../img/bg_snow.png");
	width: 100%;
	background-repeat: repeat;
	background-size: auto;

}





.hr_dots {
	border: 1px dashed;
	
}




.bg_box {
	background-color:#FFFFFF;
    border-radius: 25px;
	padding:3%;
}



.img_radius {
    border-radius: 15px;
}


.bg_box_ticket {
	background-color:#FFFFFF;
    border-radius: 25px;

}



.bg_box_ticket_title {
	background-color:#7D4698;
    border-radius: 25px 25px 0 0;

}









.shadow {
  box-shadow: 0px 0px 20px #4FC64F;
}




.content_naiyo {
	background-color:#C19E5F;
}

.x_button {
	background-color:#383838;
	width: 70%;
	margin: 10px 15%;
	padding: 10px;
	border-radius: 90px;
}




/*--------------------------------------
文字関連 CSS
---------------------------------------*/

/* フォント */
.font_noto_serif {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-style: normal;	
	font-weight: 900;
}

/* 文字カラー */
.C_purple_thin {
	color: #CFC2FF;
	letter-spacing: 0.2em;

}


/*--------------------------------------
タイトル文字CSS
---------------------------------------*/

/* コンテンツタイトル この設定は弄らない */
/* ⚠文字まわりのコンテンツ枠（帯より上に配置）⚠ */
.title-content {
	position: relative;
	z-index: 2; /* 帯の上 */
}

/* コンテンツタイトル この設定は弄らない */
/* ⚠文字だけに白いフチをつける枠組み⚠ */
.title-huchi {
	display: inline-block;
	filter: 
		drop-shadow( 1px  0px 0px #ffffff)
        drop-shadow(-1px  0px 0px #ffffff)
        drop-shadow( 0px  1px 0px #ffffff)
        drop-shadow( 0px -1px 0px #ffffff)
        drop-shadow( 1px  1px 0px #ffffff)
        drop-shadow(-1px -1px 0px #ffffff)
        drop-shadow( 1px -1px 0px #ffffff)
        drop-shadow(-1px  1px 0px #ffffff);
}

	


/* TOPページ開催決定サイズ文字下帯 */
.title-wrapper {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	margin-top: -10px;
}

.title-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}


/* コンテンツタイトル文字下帯 TOP用 */
.title-wrapper_long {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 80%;
}

.title-wrapper_long::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}


/* コンテンツタイトル文字下帯 ラリー用 */
.title-wrapper_long_rally {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 80%;
}

.title-wrapper_long_rally::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}


/* コンテンツタイトル文字下帯 コラボフード用 */
.title-wrapper_long_food {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 80%;
}

.title-wrapper_long_food::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}


/* コンテンツタイトル文字下帯 オリジナルグッズ用 */
.title-wrapper_long_goods {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 80%;
}

.title-wrapper_long_goods::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}


/* コンテンツタイトル文字下帯 コラボルーム用 */
.title-wrapper_long_stay {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 80%;
}

.title-wrapper_long_stay::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}


/* コンテンツタイトル文字下帯 チケット用 */
.title-wrapper_long_ticket {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	width: 80%;
}

.title-wrapper_long_ticket::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%; /* 下からの位置 */
	height: 45%; /* 帯の高さ */
	background: linear-gradient(90deg, #CFC2FF 0% , #F5F3FF 100%);
	z-index: 1; /* 1番下 */
}




/* TOPページ開催決定サイズ 文字 */
.title-text_b {
	font-size: 2.5rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


/* コンテンツタイトル TOP用 文字 */
.title-text {
	font-size: 2rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


/* コンテンツタイトル ラリー用 文字 */
.title-text_rally {
	font-size: 2rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


/* コンテンツタイトル コラボフード用 文字 */
.title-text_food {
	font-size: 2rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


/* コンテンツタイトル オリジナルグッズ用 文字 */
.title-text_goods {
	font-size: 2rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


/* コンテンツタイトル コラボルーム用 文字 */
.title-text_stay {
	font-size: 2rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}


/* コンテンツタイトル チケット用 文字 */
.title-text_ticket {
	font-size: 2rem;
	letter-spacing: -0.1em;
     
	background: -webkit-linear-gradient(-90deg, #9068DF 50%, #CFC2FF 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}





@media (max-width:767px){

.title-text_b {
	font-size: 1.8rem;
	letter-spacing: -0.1em;
}


.title-text {
	font-size: 1.3rem;
	letter-spacing: -0.1em;
}
	
}

/*--------------------------------------
配置系CSS
---------------------------------------*/

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}
	
	

/*--------------------------------------
ボタン系CSS
---------------------------------------*/
/* イベントボタン(ホバー時アニメーション)　*/
.event_btn{
	position:relative;
	top:0;
}
.event_btn:hover{
	top:-10px;
	transition:0.3s;
}

	

/*--------------------------------------
youtube 縦横比率固定
---------------------------------------*/
.movie {
  width: 100%; /* 横幅変更 */
  padding: 0;
  box-sizing: border-box;
}
.movie-wrap {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/*--------------------------------------
　商品リスト　関連CSS
---------------------------------------*/


.item_img {
	width: 40%;
	float: left;
}


.item_txt {
	width: 60%;
	float: left;
	
	position: absolute;
	top: 50%; 
	left: 70%;
	transform: translate(-50%,-50%)
	
}












.shop_goods {
	width: 80%;
	margin: 20px 10%;
	padding: 30px 18px 30px;
	background-color: #ffffff;
	font-family: serif;
	color: #102875;
	font-weight: bold;
	font-size: 200%;
	border-radius: 20px;
}



.waku_pd {
	display: flex;
	flex-wrap:wrap;
}

.waku_goods {
	width: 48%;
	margin: 10px 1% 0px;
	padding: 20px 20px;
	font-size: 100%;
	float: left;
	flex-direction:column;
	align-items: flex-start;
	background-color: #FFFFFF;
	border-radius: 20px;
  box-shadow: 0px 0px 5px #FFA96E;

}







.goods_name {
	color: #FA9123 ;
	padding: 10px  0px 0px;
}


.suryo_gentei {
	color: #ffffff ;
	padding: 10px  10px;
	margin: 5px 0px 0px;
	width: 100%;
	background-color: #DB3C38;
}

.goods_suryo p{
	color: #ffffff ;
	padding: 5px  10px;
	margin: 5px 0px 0px;
	width: 100%;
	background-color: #FA9123;
	font-size: 90%;
	text-align: center;
}


@media screen and (max-width: 767px){
	
.waku_pd {
	padding: 0 20px;
	display:block;
}
	
	
.shop_goods {
	width: 80%;
	margin: 20px 10%;
	padding: 20px 18px 20px;
	background-color: #F0F0F0;
	font-family: serif;
	color: #102875;
	font-weight: bold;
	font-size: 110%;
	border-radius: 10px;
}
	
	
	

.waku_goods {
	width: 98%;
	margin: 20px 1% 0px;
	padding: 20px 20px;
	font-size: 140%;
	float: left;
	border-radius: 20px;
  box-shadow: 0px 0px 5px #FFA96E;
	
}





}





 /*--------------------------------------
スマホの時だけ改行
---------------------------------------*/
.sma{
    display: block;
}





/*-----------------------------------------------
TOPICS(おしらせ)
------------------------------------------------*/



.topics {
	font-size: 110%;
	font-weight: bold;
}

.underline {
	border-bottom: dashed 1px #383838;
	margin: 10px 0 ;
}

.topics a{
	color: #302C2C;
}

.day-date {
	width: 30%;
	padding: 0 0 0 10px;
	color: #D83379;
	float: left;
}

.content-date {
	width: 70%;
	color: #302C2C;
	float: left;
}


/* スクロールバー デコ */

.scrollArea{
	height: 120px;
	overflow: auto;
	padding-right: 20px;
}

/*height: 200px; 増えたら縦幅のばす*/



/*スクロールバーの横幅指定*/
.scrollArea.deco::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.scrollArea.deco::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.scrollArea.deco::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#D83379;
}