@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Expletus+Sans');
/* font-family: 'Expletus Sans', cursive; */
@import url('https://fonts.googleapis.com/css?family=Yellowtail');
/* font-family: 'Yellowtail', cursive; */
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
/* font-family: 'EB Garamond', serif; */


/*急遽追加部分*/

.text_section{
	position: relative;
	padding: 8px;
}

.text_section h1{
	max-height: 8em;
	min-height: 3em;
}

.text_section > h1{
	color:#333 ;
	margin-bottom: 8px;
}

.text_section > h2{
	color:#333 ;
	margin-bottom: 8px;
	height: 2.5em;
}

.text_section > h3{
	color:#333 ;
	margin-bottom: 8px;
	height: 5.0em;
}

.text_section h2 ,h3{
	font-size: 14px;
}

.text_section h1{
	font-size: 18px;
	font-weight: bold;
}


.text_section p{
	height: 2em;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.text_section p a{
	background: #f9f9f9;
	position: absolute;
	bottom: 16px;
	right: 10px;
	border: solid 1px #333;
	border-radius: 4px;
	padding: 2px 16px;
	font-size: 12px;
	color: #333;
}


















html {
  scroll-behavior: smooth;
}


.filter_area{
	display: flex;
	justify-content: space-between;
}
.filter{
	width: 19%;
	flex-direction: row;
}

.wrapper{
	color: #fff;
}

.shop_button{
	background-color: #e61673;
	border:solid 2px #fff;
	border-radius: 6px;
	padding: 10px 5px;
	display: block;
	color: #e61673;	
}

.shop_button .category{
	color: #fff;	
}


.shop_button .medama_style{
	text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;
}


.link_button{
	background:rgba(255,200,0,0.7);
	border:solid 2px #fff;
	border-radius: 8px;
	padding: 6px 32px;
	color: #333;
	display: block;
	margin: 16px 0;
}

.rsv_button{
	font-size: 16px !important;
	background:rgba(250,123,0,0.9);
	border:solid 2px #fff;
	border-radius: 6px;
	padding: 6px 6px;
	color: #fff;
	display: block;
	margin: 16px 0;
}

@media (min-width: 359px) {
	.rsv_button{
		font-size: 10px;
	}
}


@media (min-width: 767px) {
	.rsv_button{
		font-size: 10px;
	}
}

/*
.pre_button{
	background:rgba(230,230,230,0.2);
	border:solid 2px #fff;
	border-radius: 8px;
	padding: 6px 32px;
	color: #fa7b00;
	display: block;
	margin: 16px 0;
	pointer-events:none;
}
*/

.btn_area a{
	transition: 0.1s;
	text-decoration: none;
}

.btn_area a:hover{
	color: #fa7b00 !important;
	background:rgba(250,123,0,0.0);
	border:solid 2px #fa7b00;
	border-radius: 5px;
}

.btn_area{
	margin:0 auto;
	text-align: center;
}

.btn_area2 a{
	transition: 0.1s;
	text-decoration: none;
}
.btn_area2 a:hover{
	color: #e61673 !important;
	background:rgba(230,22,115,0.8);
	border:solid 2px #e61673;
	border-radius: 5px;
}
.btn_area2{
	padding-top: 12px;
	margin:0 auto;
	text-align: center;
}

.tokuten{
	padding: 1px 8px;
	background-color: #f1f1f1;
	border-radius: 3px;
	border:solid 2px #333;
	display: inline-block;
	margin-top: 8px;
}


/*参加メーカー一覧部分*/
.exhibitors{
	color: #000;
	text-align: center;
}

.exhibitors .category{
	background: #fff;
}

.exhibitors ul{
	padding: 5px 0;
	background:rgba(255,255,255,0.9);
	border-radius: 3px;
	/*background:rgba(250,238,0,0.8);*/
	margin-bottom: 1px;
}

.exhibitors ul li{
	line-height: 1.6;
}

.brand{
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px dotted #f1f1f1;
	letter-spacing: 0.2px;
}

.brand span{
	font-size: 8px;
	font-weight: normal;
	color: #2f2f2f;
	margin-left: 16px;
}

.brand a:hover span {text-decoration: underline;}
/*.brand a {display: none;}*/

.stock{
	color: #222 !important;
	padding: 1px 20px;
	border-radius: 4px;
	background: #ffee00;
	}


.maker{
	font-size: 24px;
	margin-bottom: 10px;
}

.maker span{
	display: inline-block;
	color:#fff !important;
	font-size: 18px;
	border-radius: 6px;
	background: #ff3d3d;
	padding: 2px 26px;
	margin-right: 10px;
}



.btn_thin{
	background: #fff;
	color: #000;
	border-radius: 10px;

	padding: 2px 18px;
	margin-right: 16px;
}


.twitter-timeline { width: 740px !important; }

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
::before , ::after {
	box-sizing: inherit;
}
button {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	vertical-align: middle;
	text-align: inherit;
	font: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/**************** 以下、ハンバーガーボタンのスタイリング ****************/
.button {
	/* ボタンの配置位置  */
	position: fixed;
	top: 30px;
	right: 15px;
	/* 最前面に */
	z-index: 1000;
	/* ボタンの大きさ  */
	width: 32px;
	height: 32px;
}
/***** 真ん中のバーガー線 *****/
.btn-line {
	display: block;
	/* バーガー線の位置基準として設定 */
	position: relative;
	/* 線の長さと高さ */
	width: 100%;
	height: 5px;
	/* バーガー線の色 */
	background-color: #ff4747;
	transition: .2s;
	border-radius: 2px;
}
/***** 上下のバーガー線 *****/
.btn-line::before , .btn-line::after {
	content: "";
	/* 基準線と同じ大きさと色 */
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ff4747;
	transition: .5s;
	border-radius: 2px;
}
.btn-line::before {
	/* 上の線の位置 */
	transform: translateY(-13px);
}
.btn-line::after {
	/* 下の線の位置 */
	transform: translateY(13px);
}
/***** メニューオープン時 *****/
.btn-line.open {
	/* 真ん中の線を透明に */
	background-color: transparent;
}
.btn-line.open::before , .btn-line.open::after {
	content: "";
	background-color: #999;
	transition: .2s;
}
.btn-line.open::before {
	/* 上の線を傾ける */
	transform: rotate(45deg);
}
.btn-line.open::after {
	/* 上の線を傾ける */
	transform: rotate(-45deg);
}
/**************** ここまで、ハンバーガーボタンのスタイリング ****************/
/**************** 以下、メニューのスタイリング ****************/




.menu-list {
	/* メニューテキスト位置をリスト内中心に */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.menu-list a{
	color: #fff;
	display: block;
	padding-top: 15px;
    height: 100%;
    width: 100%;
    text-decoration: none;
}


.menu-list a:hover {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
	cursor: pointer;
	transition: 0.3s;
}

.menu-list_2{
	display: none;
}
/***** メニューオープン時位置0にして画面内に *****/
.menu.open {
	position: absolute;
	left: 0;
}

@media (min-width: 359px) {
	.menu {
	/* メニューを縦に */
	display: flex;
	flex-direction: column;
	/* メニューの位置マイナス指定で画面外に*/
	position: fixed !important;
	right: -100%;
	width: 100%;
	height: 75vh;
	background:rgba(0,0,0,0.9);
	color: #fff;
	transition: 0.3s;
	z-index: 9;

	padding-top: 80px;
	}
}

@media (min-width: 767px) {
	.menu {
	/* メニューを縦に */
	display: flex;
	flex-direction: column;
	/* メニューの位置マイナス指定で画面外に*/
	position: fixed !important;
	right: -100%;
	width: 100%;
	height: 85vh;
	background:rgba(0,0,0,0.9);
	color: #fff;
	transition: 0.3s;
	z-index: 9;
	padding-top: 16px;
	}

	.menu-list a{
	padding-top: 0px !important;
	}



}

/* px以上はハンバーガーボタン非表示、ヘッダー固定 */
@media screen and (min-width: 1199px) {
	.button {
		display: none;
	}
	.menu {
		/* メニューを横に */
		display: flex;
		flex-direction: row;
		position: fixed !important;
		top: 0;
		right: 0;
		width: 100%;
		height: 60px;

		padding-top: 0;
	}

	.menu-list a{
	padding-top: 15px !important;
	}


	.menu-list_2{
	/* メニューテキスト位置をリスト内中心に */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 150%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 0 42px;
}

}
/**************** ここまで、メニューのスタイリング ****************/













/**************** ここまでinform　部分 ****************/
#inform {
	width: 100%;
}
#inform p{
	color: #fff;
	font-family: 'Dela Gothic One', cursive;
	font-family: 'M PLUS 1', sans-serif ;
	font-weight: 800;
}

/*========= 光りながら出現させるためのCSS ===============*/

.glowAnime span{opacity: 0;}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{ animation:glow_anime_on 1s ease-out forwards; }

@keyframes glow_anime_on{
  0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
  50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
  100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}


@media (min-width: 359px) {
	#inform{
		font-size: 24px;
		line-height: 1.0;
		margin-top: 36px;
	}
}


@media screen and (min-width: 1199px) {
	#inform{
		font-size: 48px;
		line-height: 1.0;
		margin-top: 36px;
	}
}
/**************** ここまで****************/











@media (min-width: 359px) {
	.header-fixed{
	width: 100%;
	padding: 0 16px !important;
	}

	.header-fixed-gnav-list li{
	font-size: 6px;
	}

}

@media (min-width: 767px) {
	.header-fixed-gnav-list li{
	font-size: 6px;
	}
}
@media (min-width: 1199px) {
	.header-fixed-gnav-list li{
	font-size: 10px;
	}
}

span.japanese{

	display: none;

}

/* headerメディアクエリ 480px以上*/

@media (min-width: 359px) {
	


	.header-fixed-logo{
		width: 180px;
		margin-top: 6px;
	}

	.header-fixed-gnav{
		margin-top: 6px;
	}

	.header-fixed-gnav-list li{
	
		font-size: 14px;

		margin: 3px;

		padding-right: 0.6em;

		border-right: solid 1px #333;

	}

	.header-fixed-gnav-list li:last-child{

		border-right: none;

	}

	#main:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-10;
	  width:100%;
	  height:100vh;
	  background:url(parts/bg001_sp800.webp) center no-repeat;
	  background-size:cover;
	}


}

/* header-fixedメディアクエリ 768px以上*/

@media (min-width: 767px) {

	.header-fixed-gnav-list li{
	
		letter-spacing: 0.1em;
		margin: 6px;

	}

	#main:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-10;
	  width:100%;
	  height:100vh;
	  background:url(parts/bg001_sp.webp) center no-repeat;
	  background-size:cover;
	}

}

/* header-fixedメディアクエリ 1200px以上*/

@media (min-width: 1199px) {

	.header-fixed-inner{

		width: 1199px;

		margin: auto;

	}

	#main:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-1;
	  width:100%;
	  height:100vh;
	  background:url(parts/bg001.jpg) center no-repeat;
	  background-size:cover;
	}

}

/* 通常のヘッダー */
.header{
	z-index: -100;
	width: 100%;
	padding: 0 0;
	/*padding: 24px 0;*/
	text-align: center;

	background: #000; /* Old browsers */
	background-size: contain;

	/*
	background: url(images/sea_bg.jpg) no-repeat fixed;
	background-size: cover;
	background-position: right 100% bottom 100%;
	*/

}



.header-logo{

	width: 360px;

	margin: auto;

}

.header-gnav{

	width: 70%;

	margin: 20px auto;

}

.header-gnav-list li{
	
	font-size: 14px;

	font-family: 'Marcellus', serif;

	letter-spacing: 0.05em;

	display: inline-block;

	margin: 3px;

	padding-right: 0.7em;

	border-right: solid 1px #fff;

}

.header-gnav-list li:last-child{

	border-right: none;

}

.header-gnav-list a{
	
	color: #fff;

}

.header-gnav-list li a:hover{

	padding-bottom: 5px;
	
	border-bottom: solid 5px #fff;

	text-decoration: none;

	opacity: 0.8;
	
}


/* headerメディアクエリ 480px以上*/

@media (min-width: 359px) {
	.header-logo{
		padding: 50px 0 100px 0;
		height: auto;
		width: 360px;

	}

	.header-gnav{

		margin-top: 35px;

	}

	.header-gnav-list li{
		font-size: 16px;
		margin: 3px;
	}

}

/* headerメディアクエリ 768px以上*/

@media (min-width: 767px) {

	.header-logo{
		width: 540px;
	}

	.header-gnav{
		margin-top: 35px;
	}

	.header-gnav-list li{
		font-size: 18px;
		letter-spacing: 0.1em;
		margin: 6px;
	}

}

/* header-fixedメディアクエリ 992px以上*/

@media (min-width: 991px) {
	.header-logo{
		width: 780px;
	}

	.header-gnav-list li{
		font-size: 20px;
		margin: 12px;
	}

}



/* intro */
.intro{
	margin-bottom: 24px;
	padding: 0 20% 0 20%;
}

.intro-headline{
	font-size: 32px;
	color:#fff;
	margin-bottom: 24px;

	line-height: 1.6;
	font-weight: bold;
	text-align: center;
}

.intro-summary{
	line-height: 2.0;
	font-size: 16px;
	color:#fff;
	margin-bottom: 24px;
}

.intro-summary_2{
		line-height: 1.5;
		margin-bottom: 24px;
	}

.intro img{
	
	margin: auto;
	
}



}

/* introメディアクエリ 768px以上*/

@media (min-width: 767px) {

	.intro-bg{
		
		padding: 150px 0;
		
	}

	.intro-summary{
	
		line-height: 2;
		margin-bottom: 24px;
	
	}

	.intro-summary_2{
		line-height: 1.5;
		margin-bottom: 24px;
	
	}

	.intro-headline{

		font-size: 48px;

		margin-bottom: 64px;

		width: 70%;

		margin: auto;

		text-align: center;		
	
	}

}


/* content-about */

@media (min-width: 359px) {

}

@media (min-width: 737px) {

}


.coment{
	border-left: solid 5px #fff;
	padding-left: 1em; 
}



.box h1{font-size: 16px; color: #fff; display:block; margin-bottom: 4px;}
.box h2{font-size: 16px; color: #fff; display:block; margin-bottom: 6px;}
.box h3{font-size: 16px; color: #fff; display:inline}
.box p{font-size: 16px; line-height: 1.5; color: #fff; margin-bottom: 6px;}

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

.box a{
	text-decoration: none;
}








/*SUPPORTER*/
@media (min-width: 359px) {

.intro{
	margin-bottom: 24px;
	padding: 0 10px 0 10px;
}

.intro-headline{
	font-size: 22px;
	color:#fff;
	margin-bottom: 24px;

	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

.intro-summary{
	line-height: 1.5;
	font-size: 16px;
	color:#fff;
	margin-bottom: 24px;
}


	.expo_day{
    border-left:solid 3px #fa7b00;
    border-bottom:none;
	}

	.supporter .box{
	width: 100%;
	height: 340px;
	}

	#Container .mb-64{
		margin-bottom: 32px !important;
	}

	.october_07 .box{border-bottom: solid 2px #333;}/*7affff*/
	.october_08 .box{border-bottom: solid 2px #333;}/*7affbc*/
	.october_09 .box{border-bottom: solid 2px #333;}/*ffff7a*/
	.october_10 .box{border-bottom: solid 2px #333;}/*ff7a7a*/

/*
	.nov_11,.nov_12,.nov_all{
		padding: 5px;
		height: auto !important;
		border-radius: 5px;
		width: 100%;
		background-color: #cc33ff;
	}
*/

button{
	color: #fff !important; 
	display: inline-block;
	padding: 5px 0;
	border-radius: 8px;
	background: #222;
	width: 100%;
}

.nov_11 button{
	background: #00bbff;
}
.nov_12 button{
	background: #ff0090;
}


	.box h1{font-size: 120%;}
	.box h2{font-size: 110%;}
	.box h3 i{color: rgb(255, 255, 255); margin-right: 16px; font-size: 18px;}
	.box h3 a{text-decoration: none;} 
	.box img{display: block; margin-bottom: 16px;}
	.box p{font-size: 95%;}




}

@media (min-width: 767px) {
	.expo_day{
    border-bottom:dotted 2px #fa7b00;
    border-left:none;
	}

	.hedden_box2_dammy{
	height: 114px;
	}

	.supporter .box{
	width: 100%;
	height: 415px;
	}

	#Container .mb-64{
		margin-bottom: 64px !important;
	}
}

@media (min-width: 1199px) {

.intro{
	margin-bottom: 24px;
	padding: 0 20% 0 20%;
}

.intro-headline{
	font-size: 36px;
	color:#fff;
	margin-bottom: 24px;

	line-height: 1.75;
	font-weight: bold;
	text-align: center;
}

.intro-summary{
	line-height: 1.75;
	font-size: 22px;
	color:#fff;
	margin-bottom: 24px;
}



	.expo_day{
    border-bottom:dotted 2px #fa7b00;
    border-left:none;
	}

	.hedden_box2_dammy{
	height: 91px;
	}

	.supporter .box{
	width: 100%;
	height: 500px;
	}

	.box h1{font-size: 130%;}
	.box h2{font-size: 120%;}
	.box h3 i{color: rgb(255, 255, 255); margin-right: 16px; font-size: 18px;}
	.box h3 a{text-decoration: none;} 
	.box img{display: block; margin-bottom: 16px;}
	.box p{font-size: 100%;}

}


/* ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■

		レスポンシブでの画像切り替え

 ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}



/*コメント部分ここから*/


.comment{
	color: #333;
}



@media (min-width: 359px) {
	.comment img{margin-bottom: 18px;}
	.movie-wrap{margin-bottom: 6px;}
	.comment h1{
		color: #333;
		padding: 0 0 10px 0;
		border-bottom: solid 1px #333;
		margin-bottom: 5px;
	}

	.comment h2{
		float: right;
		color: #333;
		font-size: 14px;
		padding: 5px;
		border: solid 1px #333;
		border-radius: 4px;
		display: inline-block;
	}
}

@media (min-width: 767px) {

}

@media (min-width: 1199px) {
	.comment img{margin-bottom: 18px;}
	.movie-wrap{margin-bottom: 6px;}
	.comment h1{
		color: #333;
		padding: 0 0 10px 0;
		border-bottom: solid 1px #333;
		margin-bottom: 5px;
	}

	.comment h2{
		float: right;
		color: #333;
		font-size: 14px;
		padding: 5px;
		border: solid 1px #333;
		border-radius: 4px;
		display: inline-block;
	}
}





/*一日店長企画　ここから*/
.manager h1{margin-bottom: 8px; text-align: center;}
.manager h1 span{font-size: 10px; margin-left: 8px;}
.manager h2{text-align: center;}
.manager h3{line-height: 2.3; display: inline-block;}


.manager .schejule{
	font-size: 24px;
}

.manager .schejule .sat{
	color:#00bbff;
	font-size: 14px;
	margin-left: 5px;
}

.manager .schejule .sun{
	color:#ff0090;
	font-size: 14px;
	margin-left: 5px;
}

.manager table , td, th {
	border: 1px solid #fff;
	border-collapse: collapse;
	text-align: center;
}

.manager table{
	width: 100%;
}

.manager .title{
	width: 100%;
}


.over {
  position: relative;
  }

.over p {
  position: absolute;
  top: -25px;/*画像の左上に配置*/
  right: -15px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/


  border-radius: 50%;
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  vertical-align: middle;

  background:#ff3d3d;/*背景色*/
  font-size: 16px;
  }

.over img {
  width: 100%;
  }



.date{
	font-size: 24px;
	background: #ff3d3d;
	width: 24%;
	vertical-align: middle;
}

.date span{
	font-size: 48%;
	margin-left: 8px;
}

.chalange{
	width: 24%;
	vertical-align: middle;
	padding: 5px;
}
.wall{
	width: 2%;
	border: none !important;
}






.movie-wrap {
     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%;
}


@media (min-width: 359px) {
	.manager h1{
		font-size: 26px !important;
		line-height: 1.25;
	}
	.manager h1 span{font-size: 14px;}
	.manager h2{
		font-size: 16px !important;
		line-height: 1.35;
	}

}

@media (min-width: 767px) {

}

@media (min-width: 1199px) {
	.manager h1{
		font-size: 32px !important;
		font-weight: bold;
	}
}

/*一日店長企画　ここまで*/



/*目玉品*/



@media (min-width: 359px) {
.btn_medama{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;

	padding: 6px 2px;
	background: #ff3d3d;
	border-radius: 12px;
	border: solid 3px #fff;
	display: block;
	}

	.btn_medama span{
	height: 2.75em;
	line-height: 1.25;
}

}

@media (min-width: 767px) {

}

@media (min-width: 1199px) {

.btn_medama{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;

	padding: 6px;
	background: #ff3d3d;
	border-radius: 12px;
	border: solid 3px #fff;
	display: block;
	}
}

.btn_medama span{
	text-align: center;
	display: block;
}

/*目玉品　ここまで*/













.event h1{font-size: 24px; color: #fff;margin-bottom:12px;}
.event h2{font-size: 18px; color: #fff;margin-bottom:12px;}
.event h3{font-size: 16px; color: #fff;margin-bottom:16px;}
.event h4{
	font-size: 14px;
	color: #fa7b00;
	margin-bottom: 16px;
}
.event h4 span{
	width: 100%;
	margin-bottom:16px;
	padding: 2px 16px 3px 16px;
	border-radius: 2px;
	border: solid 1px #fff;
	
}

.event img{display: block; margin-bottom: 16px;}
.event p{
	color: #fff;
	font-size: 14px;
}

.medama_style{
	font-size: 40px;
	display: block;
	font-weight: bold;
}
.category{
	font-size: 12px;
	line-height: 1.2;
	height: 36px;
	display: block;
	margin-bottom: 6px;
}
















/*campaign*/



@media (min-width: 359px) {
	.day{
		margin-top: 36px;
		padding: 0;
	}
	.campaign h1{
		font-size: 18px;
		font-weight: bold;
		color: #2f2f2f;
		margin-bottom:16px;
		border-left: solid 5px #ff4747;
		padding-left: 12px;
	}

	.campaign h1 span{
		font-size: 16px;
	}

	.campaign h2{
		font-size: 16px;
	}

	.campaign h2 span{
		font-size: 12px;
	}

	.campaign .image_area{
		width: 100%;
		margin: 0 auto;
	}

	.campaign .text_area{
		width: 90%;
		margin: 0 auto;
	}

	.campaign .reservation{
	padding: 16px 14px;
	}

	.caution p{
		font-size: 12px !important;
		line-height: 1.2;
		margin-bottom: 32px;
	}
	.caution p br{
		margin-bottom: 6px;
	}

	.text_area p{
    color: #333;
    line-height: 1.65;
	}

}


@media (min-width: 767px) {
	.campaign h1{
		font-size: 18px;
	}

	.campaign h1 span{
		font-size: 16px;
	}

	.campaign h3{
		font-size: 14px;
		font-weight: bold;
		color:#2f2f2f;
		margin-bottom: 14px;
	}

}

@media (min-width: 1199px) {
	.campaign h1{
		font-size: 24px;
	}

	.campaign h1 span{
		font-size: 18px;
	}

	.campaign h3{
		font-size: 18px;
		font-weight: bold;
		color:#2f2f2f;
		margin-bottom: 16px;
	}


}






@media (min-width: 359px) {
	.annotation_2 span{
	font-size: 12px !important;
	margin-bottom: 12px;
	display: block;
	line-height: 1.55;
}

}




@media (min-width: 767px) {

}

@media (min-width: 1199px) {

	.campaign h2{
		font-size: 14px !important;
	}

	.campaign h2 span{
		font-size: 12px !important;
	}

	.annotation_2 span{
	font-size: 12px !important;
	margin-bottom: 12px;
	display: block;
	line-height: 1.55;
}


	.campaign .image_area{
		width: 90%;
		margin: 0 auto;
	}

	.campaign .text_area{
		width: 80%;
		margin: 0 auto;
	}

	.campaign .reservation{
	padding: 16px 32px;
	}
}

.campaign{
	padding-bottom: 24px;
	border-bottom:solid 1px #ccc ;
}
.campaign .reservation{
	background-color: #f1f1f1;
	border-radius: 10px;
	line-height: 1.75;
}



.annotation{
	font-size: 12px !important;
}

.annotation_2{
	margin-top: 12px;
}

.annotation_2 span{
	display: block;
}



.campaign h2{
	color: #2f2f2f;
	}

.campaign h2 span{
	border:solid 1px #ff4747;
	border-radius: 2px;
	padding: 1px 10px;
	display: inline-block;
	margin:3px 3px 0 0;
}




.campaign h4{font-size: 16px; font-weight: 600; color: #2f2f2f; margin-bottom:8px;}

.campaign h5{font-size: 12px; color: #2f2f2f;margin-bottom:16px;}
.campaign h6{font-size: 12px; color: #2f2f2f;margin-bottom:16px;}
.campaign h7{font-size: 18px; color: #2f2f2f;margin-bottom:16px; display: block;}
.campaign img{display: block; margin-bottom: 16px;}

.type h3 span{
	width: 10em;
	text-align: center;
	background-color: #f1f1f1;
	font-size: 10px;
	border:solid 1px #fa7b00;
	border-radius: 2px;
	padding: 1px 10px;
	display: inline-block;
	
}

.type h3{
	margin-bottom: 5px !important;
}

.pictarea{
	padding:0 15px;
	display: flex;
	flex-flow: row wrap;
}

.pictarea .col5{
	width: 19% !important;
	padding: 0 !important;

}

.col5 img{
	padding:1px 1px 0 0;
	margin: 0 !important;
}



/*NEWS*/

.news-headline p span{
	color:#ff4747 !important;
}

.news{
	width: 100%;
	margin: auto;
	overflow: hidden;
	font-size: 14px;
}


.news-list{
    overflow-x:auto;
	overflow-y:hidden; 
    width:100%;
    padding:24px;
    color: #2c2c2c;

    margin-bottom: 16px;
}

.news-list ul{
    display: flex;
}

.news-list li{
	width: 100%;
	height: 140px;
	border-bottom: 1px dotted #2c2c2c;
	padding-bottom: 5px;
	margin-bottom: 1em;
    display: flex;
}

/*
.news-list li .news-date{
	width: 15%;
	color: #2c2c2c;
}

.news-list li .news-thumb{
	width: 35%;
	padding-right:15px ;
}

.news-list li .news-headline{
	width: 50%;
}
*/


.news-date:after{
	content: ">>";
	font-size: 70%;
	vertical-align: 2px;
	margin-left: 0.5em;
	color: #fa7b00;
}

.news-list li a:hover{
	background: #fff;
}

.news-category{
	background: #fff;
	color: #2c2c2c;
	display: inline-block;
	text-align: center;
	width: 4em;
	padding: 3px 5px;
	margin-left: 1em;
	margin-right: 2em;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 2px;
	vertical-align: 1px;
}

.btn_more{
	font-size: 10px;
	width: 100px;
	border: solid 1px #333;
	border-radius: 2px;
	padding: 5px 25px;
	margin: 0 auto;
	color: #333;
	text-decoration: none;
	text-align: center;
	background: #f1f1f1;
}

.btn_more a{
	color: #333;
}

@media (min-width: 359px) {
	.news-list{
    height: 400px;
    overflow: hidden;
	}

	.article .news-list{
    height: auto !important;
	}

	.news-list li{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    margin-bottom: 36px;
    }

    .news-date{
	width: 100% !important;
	color: #2c2c2c;
	margin-bottom: 6px;
	}

	.news-thumb{
	width: 40% !important;
	padding: 0;
	margin-bottom: 6px;
	}

	.news-headline{
	width: 60% !important;
	padding-left:12px ;
	margin-bottom: 6px;
	font-size: 12px !important;
	}
}

@media (min-width: 767px) {
	.news-list{
    height: 400px;
	}

	.news-list li{
    display: flex;
    flex-direction: row;
    height: auto;
    margin-bottom: 36px;
    }

    .news-list li .news-date{
	width: 100%;
	color: #2c2c2c;
	margin-bottom: 6px;
	}

	.news-list li .news-thumb{
	width: 35%;
	padding: 0;
	margin-bottom: 6px;
	}

	.news-list li .news-headline{
	width: 65%;
	margin-bottom: 6px;
	}
}

@media (min-width: 1199px) {
	.news-list{
    height: 400px;
    border: solid 1px #f1f1f1;
    border-radius: 6px;
	}

	.news-list li{
    display: flex;
    flex-direction: row;
    height: auto;
    margin-bottom: 36px;
    }

    .news-list li .news-date{
	width: 10%;
	color: #2c2c2c;
	margin-bottom: 6px;
	}

	.news-list li .news-thumb{
	width: 30% !important;
	padding: 0;
	margin-right: 30px;
	margin-bottom: 6px;
	}

	.news-list li .news-headline{
	width: 50%;
	margin-bottom: 6px;
	}

	.news-headline p{
		font-size: 14px !important;
		line-height: 1.75;
	}
}

@media (min-width: 1199px) {
	
}


@media (min-width: 359px) {
	.twitter_area{
		display: none;
	}
}

@media (min-width: 767px) {
	.twitter_area{
		display: block !important;
	}
}




@media (min-width: 767px) {

	.news-list li .news-date{
		width: 15%;
	}

	.news-list li .news-thumb{
		width: 35%;
	}

	.news-list li .news-thumb img{
		width: 100%;
		margin: 5px;
	}

	.news-list li .news-headline{
		width: 50%;
	}

}

.content{
	width: 100%;	
}

.content-wh{
	width: 100%;
	background:rgba(255,255,255,1.0);
}


.content-1{
	width: 100%;
	background:rgba(10,10,10,0.99);
	animation: change-color-anim 60s linear infinite;	
}

@keyframes change-color-anim {
	0%,100%{
		background:rgba(10,10,10,0.4);
	}
	20%{
		background:rgba(0,0,50,0.4);
	}
	40%{
		background:rgba(40,0,20,0.4);
	}
	60%{
		background:rgba(60,30,0,0.4);
	}
	80%{
		background:rgba(0,50,0,0.4);
	}
}

	

.content-2{
	background:rgba(255,255,255,0.90);
	width: 100%;	
}

.content-3{
	background:rgba(10,10,10,0.9);
	width: 100%;	
}

.content-4{
	background:rgba(10,10,10,0.75);
	width: 100%;	
}

.content-5{
	background:rgba(0,0,0,0.9);
	width: 100%;	
}

.content-twitter{
	background:rgba(0,0,0,0.5);
	width: 100%;	
}



/*見出し*/

.content-heading-center-1{
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
	margin-bottom: 48px;
	color: #3838ff;
}

.content-heading-center-1 span{
	padding-bottom: 3px;
	border-bottom: solid 2px #3838ff;
}

.content-heading-center-2{
	text-align: center;
	margin-top: 0;
	margin-bottom: 1em;
	margin-bottom: 48px;
	color: #ff007f;
	color: #666;
}

.content-heading-center-2 span{
	padding-bottom: 3px;
	border-bottom: solid 2px #ff007f;
	border-bottom: solid 2px #666;
}







.top-campaign{
	border-bottom: solid 1px #7affff;
	padding: 16px;
}

.top-campaign-thumbnail{

	margin-bottom: 12px;

}

.top-campaign-title{

	font-weight: bold;

	margin-bottom: 12px;

}

.top-campaign-date{

	margin-bottom: 12px;

}

.top-campaign-summary{

	font-size: 14px;

}

.btn-simple{ /* commonを上書き */
	
	margin: 8px;
	
	padding: 3px;
}

p.summary{

	font-size: 14px;
	
}

a:hover{
	
	opacity: 0.8;
	
}

a img{
	
	transition-property: opacity;
	
	transition-duration: 0.6s;

}

a img:hover{
	
	opacity: 0.6;
	
}

@media (min-width: 359px) {
	
	
	.title{

		width: 80%;
		margin: auto;

	}

	
}


@media (min-width: 767px) {

	.title{

		width: 780px;

		margin: auto;

	}

	
	.content-about-inner{

		font-size: 18px;

		width: 50%;
	
	}

}
 

@media (min-width: 767px) {

		
	.benefit-row{
		
		width: 767px;
		
		margin: auto;
		
		text-align: center;
	
	}

	.account .data h1{
	font-size: 12px !important;
	margin-bottom: 16px;
	}

	.account .data a{
	font-size: 10px;
	}
}
}


.benefit{

	color: #0075d6;

}

.container-access{

	background-size: contain;

}

.btn-blue{

	background: #0075d6;

	color: #fff;

	border: solid 1px #0075d6;

}

.btn-blue:hover{

	background: #1e73a0;
	
	color: #fff;

}



* {
	margin: 0;
	padding: 0;
		border: 0;
}

#main {
	position: relative;
	overflow: hidden;
}

.twitter{
 	width: 100%;

	margin: 0;
	padding: 0;

	text-align: center;
}

.account{
	margin: 0;
	padding: 36px 0;
	display: flex;
	width: 100%;
	height: auto;
	border-bottom: solid 1px #111;
}

.account .data{
	color: #fff;
	text-align: left;
 	width: 80%;
}

.account .data h1{
	font-size: 16px !important;
	font-weight: bold;
	margin-bottom: 16px;
}
.account .data h2{
	font-size: 14px;
	margin-bottom: 16px;
}

.account .data p{
	font-size: 16px;
}


.account .data .x_btn{
	font-size: 16px;
	color: deepskyblue;

 	padding: 2px 15px 3px 15px;
 	border-radius: 10px;
 	background: #000;

 	display: inline-block;
 	margin-bottom: 8px;
}

.account .data .i_btn{
	font-size: 16px;
	color: #000;

 	padding: 2px 15px 3px 15px;
 	border-radius: 10px;
 	background: #f1f1f1;

 	display: inline-block;
 	margin-bottom: 8px;
}

.account .data .twitter-follow-button{
	margin-bottom: 12px;
}

.account .icon{
 	width: 20%;
 	text-align: right;
}

.account .icon img{
	text-align: right;
	display: block;
}


@media (min-width: 359px) {
	.account .data h1{
	font-size: 12px;
	margin-bottom: 16px;
}

	.twitter .account img{
	width: 80%;
	border-radius: 50%;
	display: inline-block;
	}

	.account .data p{
	display: none;
	}

	.account{
	margin: 0;
	padding: 26px 0 8px 0;
	}
}

@media (min-width: 767px) {

	.twitter .account img{
	width: 80%;
	border-radius: 50%;
	display: inline-block;
	}

	.account .data p{
	display: block;
	}

}






dl{
	font-size: 16px;
	width: 100%;
	padding-bottom: 36px;
}

dt{ height: 24px; width: 8%; text-align: center; flex-direction: row; float: left; display: block;}
dt i{ vertical-align: top;}

dd{ height: 24px; width: 90%; font-size: 14px; line-height: 1.2; flex-direction: row; display: block;  }
dd a{ color: #fff; text-decoration: none; }





/*背景*/



.stocklist {}
.stocklist a {display: block;transition: all ease 0.3s; color: #ff4747;text-decoration: none;}
.stocklist a:hover {background-color: #ff7575; color: #fff;}
.stocklist > div {padding: 0.5em;}
.stocklist > div > a {text-align: center;font-size: 1.1em;border-radius: 5px 5px 0 0;padding: 0.5em;background-color: #ffbfbf;}
.stocklist > div > div {display: flex;align-items: center;background-color: #ffbfbf;border-radius: 0 0 5px 5px;border-top: 1px solid #ff4747;overflow: hidden;}
.stocklist > div > div > a {flex-basis: 50%;text-align: center;padding: 0.5em;}
.stocklist > div > div > a:first-of-type {border-right:1px solid #ff4747;padding: 1em 0.5em;}
.stocklist > div > div > a > span {display: block;font-size: 75%;}
.stocklist > div > a.digimart {font-size: 1.0em;background-color: rgba(40,70,90,1.0);margin-top: 0.5em;border-radius: 5px;color: #ed8a00;}


.day{

}

.day h1{
	font-size: 24px;
	border: none;

}

.day h1 span{
	font-size: 16px;
	border: none;
	font-weight: bold;
}

.reserve , .reserved{
	font-size: 18px !important;
	margin-bottom: 6px;
}

.reserved .on{
	display: none;
}

.reserve .off{
	display: none;
}

.on{
	font-size: 14px;
	color: #fff;
	margin-left: 2em;
	background: #ff4747;
	border-radius: 14px;
	padding: 4px 31px;
}


.off{
	font-size: 14px;
	color:#999;
	margin-left: 2em;
	background: #fff;
	border:dotted 2px #f1f1f1 ;
	border-radius: 14px;
	padding: 4px 24px;
}



.reserved2 .on2{
	display: none;
}

.reserve2 .off2{
	display: none;
}

.reserved3 .on3{
	display: none;
}

.reserve3 .off3{
	display: none;
}

.reserved4 .on4{
	display: none;
}

.reserve4 .off4{
	display: none;
}






.on2{
	font-size: 12px;
    color: #fff;
    margin-left: 0.5em;
    background: #ff4747;
    border-radius: 14px;
    padding: 4px 15px;
}


.off2{
	font-size: 12px;
	color:#999;
	margin-left: 0.5em;
	background: #fff;
	border:dotted 2px #f1f1f1 ;
	border-radius: 14px;
	padding: 4px 15px;
}

.on3{
	font-size: 12px;
    color: #fff;
    margin-left: 0.5em;
    background: #ff4747;
    border-radius: 14px;
    padding: 4px 15px;
}


.off3{
	font-size: 12px;
	color:#999;
	margin-left: 0.5em;
	background: #fff;
	border:dotted 2px #f1f1f1 ;
	border-radius: 14px;
	padding: 4px 15px;
}

.on4{
	font-size: 12px;
    color: #fff;
    margin-left: 0.5em;
    background: #ff4747;
    border-radius: 14px;
    padding: 4px 15px;
}


.off4{
	font-size: 12px;
	color:#999;
	margin-left: 0.5em;
	background: #fff;
	border:dotted 2px #f1f1f1 ;
	border-radius: 14px;
	padding: 4px 15px;
}




/*会場選択部分*/
#select_place{
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
}
#select_place h1{
	font-weight: 100;
}
#select_place h2{
	font-weight: 100;
}
#select_place h3{
	font-weight: 100;
}

#select_place h4{
	font-weight: 400;
}
#select_place h4 span{
 display: block;
}

.btn_nagoya{
	color: #fff !important;
	background: #3d9eff;
	padding: 5px;
}
.btn_fukuoka{
	color: #fff !important;
	background: #ff3d3d;
	padding: 5px;
}

/**#select_place a{
	color:#fff;
	border: solid 2px #fff;
}**/


@media (min-width: 359px) {
	#select_place h1{
	font-size: 42px;
	}
	#select_place h2{
		font-size: 26px;
		margin: 8px;
	}
	#select_place h3{
		font-size: 16px;
	}
	#select_place h4{
		font-size: 12px;
		margin: 12px 0;
	}
}
}

@media (min-width: 767px) {
	.btn_nagoya{
		color: #fff !important;
		background: #3d9eff;
		padding: 10px;
	}
	.btn_fukuoka{
		color: #fff !important;
		background: #ff3d3d;
		padding: 10px;
	}
}

@media (min-width: 1199px) {
	#select_place h1{
	font-size: 42px;
	}
	#select_place h2{
		font-size: 62px;
		margin-bottom: 6px;
	}
	#select_place h3{
		font-size: 36px;
		margin-bottom: 6px;
	}
	#select_place h4{
		font-size: 18px;
		margin: 12px 0px 16px 0px;
	}
}
/*会場選択部分　ここまで*/



/**/
.close{
	opacity: 0.5;filter: grayscale(100%);
	pointer-events:none;
	cursor: not-allowed;
	display: block;
}

.standby{
	pointer-events:none;
	cursor: not-allowed;
	display: block;
}

.standby a{
	color: rgba(250,123,0,1.0);
	background-color: rgba(250,123,0,0.1) !important;
	border: dotted 2px rgba(250,123,0,1.0);

/**/