@charset "UTF-8";

.is-sp {
	display: none;
}

body {
	min-width: 960px;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, 游ゴシック体, 'Yu Gothic', YuGothic, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#fff;
	font-size:14px;
}
.tokyo body {
	background-image: url(../img/common/bg_tokyo.jpg);
	background-position: center 38px;
	background-repeat: no-repeat;
}
.osaka body {
	background-image: url(../img/common/bg_osaka.jpg);
	background-position: center 38px;
	background-repeat: no-repeat;
}
	body.fixed {
		background-attachment: fixed;
		background-position: center top;
	}

a {
	color:#ff9b10;
}
.cafetype_link {
	text-align:center;
	margin-bottom:30px;
}
.cafetype_link a {
	color:#fff!important;
}
.large-only {
}
.small-only {
	display: none;
}
/*----------------------------------------------------
次回コラボ予告の帯
----------------------------------------------------*/
.nextCollaboArea {
	width:963px;
	text-align:center;
	margin:20px auto 0 auto;
	position: relative;
	overflow: hidden;
}
.nextCollaboArea ul {
	width:963px;
	position: relative;
	background-color:#fff;
}
.nextCollaboArea li {
	display: block;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.nextCollaboArea li:first-child {
	text-align:left;
	background:url(../img/top/yokoku_pc_bg.png?2) left top no-repeat;
	background-color:#ac7d00;
	padding:10px 20px 10px 30px;
	float:left;
	color:#fff;
	font-size:16px;
}
.nextCollaboArea li:last-child {
	color:#000;
	text-align:left;
	background-color:#fff;
	float:left;
	padding:10px 10px 10px 20px;
	font-size:16px;
}
.nextCollaboArea a {
	color:#000;
}



/*----------------------------------------------------
スライドバナー
----------------------------------------------------*/
.topSlideBanner {
	opacity: 0.0;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow: hidden;
	-webkit-transition: opacity .2s linear .3s;
	-moz-transition: opacity .2s linear .3s;
	-ms-transition: opacity .2s linear .3s;
	-o-transition: opacity .2s linear .3s;
	transition: opacity .2s linear .3s;
}
	.topSlideBanner.active {
		opacity: 1.0;
	}
	.topSlideBannerBody,
	.topSlideBannerMain {
		position: relative;
	}
	/* ----- スライダーエリア本体 ----- */
	.topSlideBannerMain {
		height: 400px;
		overflow: hidden;
		box-sizing: border-box;
		mask-image: url(../img/top/slider/navi/mask.png);
		-webkit-mask-image: url(../img/top/slider/navi/mask.png);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;

		/* マスクをかける場所指定 */
		-webkit-mask-position:center center;
		mask-position: center center;

		border: 0px solid transparent;
		border-radius: 8px;

		background-image: url(../img/top/slider/navi/mask.png);
	}
		.topSlideBannerMain li {
			float: left;
			width: 960px;
		}
		.topSlideBannerMain a,
		.topSlideBannerMain span {
			outline: none;
			display: inline-block;
			position: relative;
		}
			.topSlideBannerMain a img,
			.topSlideBannerMain span img {
				display: block;
				position: relative;
				opacity: 0.3;
				-webkit-transition: opacity 200ms;
				-moz-transition: opacity 200ms;
				-ms-transition: opacity 200ms;
				-o-transition: opacity 200ms;
				transition: opacity 200ms;
			}
				/* スライダーアクティブ状態 */
				.topSlideBannerMain a.active img,
				.topSlideBannerMain span.active img {
					opacity: 1.0;
				}
			/* 白い半透明マスク */
			.topSlideBannerMain a:after,
			.topSlideBannerMain span:after {
				content: "";
				display: block;
				opacity: 0;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: #fff;
				-webkit-transition: opacity 200ms;
				-moz-transition: opacity 200ms;
				-ms-transition: opacity 200ms;
				-o-transition: opacity 200ms;
				transition: opacity 200ms;
			}
				.topSlideBannerMain a[href].active:hover:after {
					opacity: 0.15;
				}

		/* スライド次へ前へ */
		.topSlideBannerNext,
		.topSlideBannerPrev {
			cursor: pointer;
			position: absolute;
			top: 0;
			width: 120px;
			height: 400px;
			background-repeat: no-repeat;
		}
		.topSlideBannerPrev {
			left: 0;
			background-image: url(../img/top/slider/navi/left_arrow.png);
			background-position: 20px center;
		}
		.topSlideBannerNext {
			right: 0;
			background-image: url(../img/top/slider/navi/right_arrow.png);
			background-position: 80px center;
		}
	/* ----- インデックスナビ ----- */
	.topSlideBannerNavi {
	}
		.topSlideBannerNavi li {
			padding-left: 5px;
			padding-right: 5px;
		}
		.topSlideBannerNavi a,
		.topSlideBannerNavi a:after {
			outline: none;
			cursor: pointer;
			position: relative;
			display: block;
			width: 16px;
			height: 16px;
			background-image: url(../img/top/slider/navi/index.png);
		}
		.topSlideBannerNavi a:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			background-position: 0 bottom;
			-webkit-transition: opacity 200ms;
			-moz-transition: opacity 200ms;
			-ms-transition: opacity 200ms;
			-o-transition: opacity 200ms;
			transition: opacity 200ms;
		}
		.topSlideBannerNavi a.active:after {
			opacity: 1.0;
		}
	/* ----- キャプションエリア ----- */
	.topSlideBannerCaption {
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 15px;
		width: 720px;
		color: #dcdcdc;
		text-align: center;
	}

/*----------------------------------------------------
コラボ背景用リンク
----------------------------------------------------*/
.collaboLink {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 960px;
}
	.collaboLink a {
		position: absolute;
		display: block;
	}
	.collaboLink a:first-child {
	}
	.collaboLink a:last-child {
	}


.collaboEventTitle {
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}

.collaboEventList {
	width:960px;
	min-height:164px;
	border-radius: 8px;
	background-color:#33322f;
	background-image: url(../img/collabo/past_collabo_bg.png);
	background-repeat: no-repeat;
	background-position: left 30px;
	padding:25px 0px;
	margin:0 auto 30px auto;
}
.collaboEventList-l{
	width:230px;
	min-height:164px;
	float:left;
	text-align:center;
	display: table;
	vertical-align: middle;
}
.collaboEventList-l .collaboEventTitle {
	display: table-cell;
	margin:auto;
	vertical-align: middle;
	text-align: center;
	border-right:1px solid #4a4a4a;
}
.collaboEventList-r {
	width:695px;
	height:164px;
	float:left;
	text-align:left;
	padding-left:15px;
	overflow-x: hidden;
		overflow-y: auto;
}
.collaboEventList-r .ico-dia {
	font-weight: 100;
	margin-bottom:15px;
}
.collaboEventList-r a {
	color:#fff;
}
.collaboInfo {
	width:780px;
	height:auto;
	font-size:18px;
	padding:40px;
	font-weight: bold;
	color:#ffea67;
	border-radius: 8px;
	border:solid 2px #ffea67;
	margin:30px auto 10px auto;
	background-color:#382b00;
}
.collaboInfo.is-weak {
	font-size: 16px;
	padding: 20px;
	font-weight: normal;
	border: solid 4px #666141;
}
.collaboInfo a {
	color:#ffea67;
	text-decoration: none;
}
/*----------------------------------------------------
メニュー
----------------------------------------------------*/
/* ----- メニュー高さ確保用 ----- */
#sqexCafeNaviWrapper {
	overflow: hidden;
	height: 72px;
	max-height:130px;
	position: relative;
}
/* ----- メニュー上固定用 ----- */
#sqexCafeNaviSlide {
	min-width: 960px;
	position: absolute;
	z-index: 10;
	width: 100%;
	max-height:130px;
}

	/* メニュー固定時 */
	#sqexCafeNaviSlide.fixed {
		overflow: hidden;
		position: fixed;
		top: 0;
		max-height:130px;
	}
/* ----- メニュー本体 ----- */
#sqexCafeNavi  {
	position: relative;
	left: 50%;
	width: 1120px;
	float: left;
	text-align: center;
}
	#sqexCafeNavi .naviArea {
		position: relative;
		left: -50%;
	}
	#sqexCafeNavi .naviArea ul {
		list-style-type: none;
	}
	#sqexCafeNavi .naviArea li{
		display: inline-block;
		vertical-align:top;
	}
		#sqexCafeNavi a {
			position: relative;
			height:72px;
			display: block;
			margin-left:-6px;
		}
		#sqexCafeNavi img {
			margin-left:-6px;
		}
			#sqexCafeNavi a:after {
				position: absolute;
				top: 0;
				left: 0;
				content: "";
				display: block;
				opacity: 0;
				height: 72px;
				-webkit-transition: opacity 200ms ease-in-out;
				-moz-transition: opacity 200ms ease-in-out;
				-ms-transition: opacity 200ms ease-in-out;
				-o-transition: opacity 200ms ease-in-out;
				transition: opacity 200ms ease-in-out;
			}


/*----------------------------------------------------
TOKYO NAVI
----------------------------------------------------*/
	.tokyo #sqexCafeNaviSlide {
	 background-image: url(../img/navi/tokyo_navi_bg.png);
	}

		/*---logo---*/
		.tokyo #sqexCafeNavi .naviArea .naviLogo a {
			width:175px;
			background-image: url(../img/navi/tokyo_navi_logo.png);
		}
		/*---コンセプト　concept---*/
		.concept_title {
			font-size:20px;
			font-weight:bold;
			color:#df3f4c;
		}
		.tokyo #sqexCafeNavi .naviArea .navi01 a {
			width:257px;
			background-image: url(../img/navi/tokyo_navi01.png);
		}
			#sqexCafeNavi .naviArea .navi01 a:hover:after,
			#sqexCafeNavi .naviArea .navi02 a:hover:after,
			#sqexCafeNavi .naviArea .navi03 a:hover:after,
			#sqexCafeNavi .naviArea .navi04 a:hover:after {
				opacity: 1;
			}
			#sqexCafeNavi .naviArea .navi01 a:hover.is-close:after,
			#sqexCafeNavi .naviArea .navi02 a:hover.is-close:after,
			#sqexCafeNavi .naviArea .navi03 a:hover.is-close:after,
			#sqexCafeNavi .naviArea .navi04 a:hover.is-close:after {
				opacity: 0;
			}
			.tokyo #sqexCafeNavi .naviArea .navi01 a:after {
				width: 257px;
				background-image: url(../img/navi/tokyo_navi01_hover.png);
			}
		/*---グランドメニュー grandnavi---*/
		.tokyo #sqexCafeNavi .naviArea .navi02 a {
			width:247px;
			background-image: url(../img/navi/tokyo_navi02.png);
			}
			.tokyo #sqexCafeNavi .naviArea .navi02 a:after {
				width:247px;
				background-image: url(../img/navi/tokyo_navi02_hover.png);
			}
			.tokyo #sqexCafeNavi .naviArea .navi02 a.is-close {
				background-image: url(../img/navi/tokyo_navi02_close.png);
			}

		/*---グッズ goods---*/
		.tokyo #sqexCafeNavi .naviArea .navi03 a {
			width:180px;
			background-image: url(../img/navi/tokyo_navi03.png);
			}
			.tokyo #sqexCafeNavi .naviArea .navi03 a:after {
				width:180px;
				background-image: url(../img/navi/tokyo_navi03_hover.png);
			}
			.tokyo #sqexCafeNavi .naviArea .navi03 a.is-close {
				background-image: url(../img/navi/tokyo_navi03_close.png);
			}
		/*---予約案内 reserve---*/
		.tokyo #sqexCafeNavi .naviArea .navi04 a {
			width:246px;
			background-image: url(../img/navi/tokyo_navi04.png);
			}
			.tokyo #sqexCafeNavi .naviArea .navi04 a:after {
				width:246px;
				background-image: url(../img/navi/tokyo_navi04_hover.png);
			}
		/*---トピックス topics---*/
		.tokyo #sqexCafeNavi .naviArea .navi05 a {
			width:175px;
			background-image: url(../img/navi/tokyo_navi_topics.png);
			}


/*----------------------------------------------------
OSAKA NAVI
----------------------------------------------------*/
.osaka #sqexCafeNaviSlide {
	background-image: url(../img/navi/osaka_navi_bg.png);
}
		/*---logo---*/
		.osaka #sqexCafeNavi .naviArea .naviLogo a {
			width:189px;
				background-image: url(../img/navi/osaka_navi_logo.png);
		}
		/*---コンセプト　concept---*/
		.osaka #sqexCafeNavi .naviArea .navi01 a {
			width:320px;
			background-image: url(../img/navi/osaka_navi01.png?20210301);
		}
			#sqexCafeNavi .naviArea .navi01 a:hover:after, #sqexCafeNavi .naviArea .navi02 a:hover:after, #sqexCafeNavi .naviArea .navi03 a:hover:after, #sqexCafeNavi .naviArea .navi04 a:hover:after {
				opacity: 1;
			}
			.osaka #sqexCafeNavi .naviArea .navi01 a:after {
				width: 320px;
				background-image: url(../img/navi/osaka_navi01_hover.png?20210301);
			}

		/*---グランドメニュー grandnavi---*/
		.osaka #sqexCafeNavi .naviArea .navi02 a {
			width:274px;
			background-image: url(../img/navi/osaka_navi02.png?20210301);
			}
			.osaka #sqexCafeNavi .naviArea .navi02 a:after {
				width:274px;
				background-image: url(../img/navi/osaka_navi02_hover.png?20210301);
			}

		/*---グッズ goods---*/
		.osaka #sqexCafeNavi .naviArea .navi03 a {
			width:278px;
			background-image: url(../img/navi/osaka_navi03.png?20210301);
			}
			.osaka #sqexCafeNavi .naviArea .navi03 a:after {
				width:278px;
				background-image: url(../img/navi/osaka_navi03_hover.png?20210301);
			}
		/*---予約案内 reserve---*/
		.osaka #sqexCafeNavi .naviArea .navi04 a {
			width:246px;
			background-image: url(../img/navi/osaka_navi04.png);
			}
			.osaka #sqexCafeNavi .naviArea .navi04 a:after {
				width:246px;
				background-image: url(../img/navi/osaka_navi04_hover.png);
			}
		/*---トピックス topics---*/
		.osaka #sqexCafeNavi .naviArea .navi05 a {
			width:175px;
			background-image: url(../img/navi/osaka_navi_topics.png);
			}

/*----------------------------------------------------
サブメニュー
----------------------------------------------------*/
.subNaviArea {
	position: absolute;
	top:72px;
	left:0;
	width:100%;
	margin:0 auto 0 auto!important;
	text-align:center!important;
	display:none;
	opacity: 0;
	overflow: visible;
}
	.tokyo .subNaviArea {
		background-color:#cf0010;
	}
	.osaka .subNaviArea {
		background-color:#0155cf;
	}
	.navi02:hover .subNaviArea,
	.navi03:hover .subNaviArea {
		display: block;
		opacity: 1;
		animation-duration: 0.8s;
		animation-name: fade-in;
	}
	@keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
	}
	.subNaviArea ul {
		width:900px;
		margin:0 auto;
		height:50px!important;
		list-style-type: none;
		padding-left: 0;
		padding: 0 0;
		margin:0 auto;
		text-align: center;
		vertical-align:middle!important;
	}
	.subNaviArea li {
		display: -moz-inline-box;
		display: inline-block!important;
		/display:inherit!important;
		/zoom: 0!important;
		padding: 0 0;
		vertical-align:middle!important;
		padding-left:25px;
	}
	.subNaviArea a {
		width:auto!important;
		display: inline-block!important;
		position: relative!important;
		top: 0!important;
		left: 0!important;
		color:#fff!important;
		height:50px!important;
		font-weight: bold;
		font-size:16px;
		text-decoration: none;
		padding-top:13px!important;
		padding-left:12px!important;
		margin:0 30px!important;
		margin-left: 0!important;
		background-image:none!important;
	}
	.subNaviArea a:after {
		position: absolute!important;
		display: block!important;
		content: "";
		opacity: 0;
		width:auto!important;
		height:50px!important;
		background-image: none!important;
	}
	.subNaviArea a:before {
		display: block!important;
		content: "";
		position: absolute!important;
		top:18px!important;
		left:2px!important;
		width:6px!important;
		height:14px!important;
		background-image: url(../img/common/icon/ico_arrow02.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	.subNaviArea a:hover {
		width:auto!important;
		height:50px!important;
		color:#ffea67!important;
		background-image:none!important;
	}

.subNavi{
	position: absolute;
	width:100%;
	top:72px;
	left:0;
	margin:0 auto 30px auto!important;
	height:50px!important;
	text-align:center!important;
	z-index:999;
}
	.tokyo .subNavi {
		background-color:#cf0010;
	}
	.osaka .subNavi {
		background-color:#0155cf;
	}
	.subNavi ul {
		width:900px;
		margin:0 auto;
		height:50px!important;
		list-style-type: none;
		padding-left: 0;
	}
	.subNavi li {
		padding-top:12px!important;
		display: inline-block!important;
	}
	.subNavi a {
		position: relative!important;
		color:#fff!important;
		font-weight: bold;
		font-size:16px;
		text-decoration: none;
		padding-left:12px!important;
		margin:0 30px!important;
	}
	.subNavi a:hover {
		color:#ffea67!important;
	}
	.subNavi a:before {
		content: "";
		position: absolute!important;
		top:5px!important;
		left:2px!important;
		width:6px!important;
		height:14px!important;
		background-image: url(../img/common/icon/ico_arrow02.png);
		background-repeat: no-repeat;
		background-size: contain;
	}


.subNavi02,.subNavi03 {
	display:none;
}
#submenuArea {
	position: relative;
	top:10px;
	float:right;
	text-align:right;
	}
#submenuArea .submenu {
	position: relative;
}

#submenuArea .submenu table:before {
	position: absolute;
	display: block;
	top:35px;
	left:-43px;
	width:43px;
	height:18px;
	content:"";
	background-image: url(../img/grandmenu/submenu_deco.png);
	background-repeat: no-repeat;
	background-size: contain;
}
#submenuArea .submenu table {
	position: relative;
	top:-16px;
	left:0;
	float:right;
	text-align:right;
}

.submenu td {
	border-bottom:3px solid #565450;
	text-align:center;
	padding-bottom:5px;
}
.submenu .menulink{
	width:100px;
	border-bottom:3px solid #565450;
	-webkit-transition: border-bottom 200ms ease-in-out;
	-moz-transition: border-bottom 200ms ease-in-out;
	-ms-transition: border-bottom 200ms ease-in-out;
	-o-transition: border-bottom 200ms ease-in-out;
	transition: border-bottom 200ms ease-in-out;
}

.submenu .menulink:hover {
	cursor: default;
	border-bottom:3px solid #565450;
}
.concept .menulink:hover {
	cursor: default;
	border-bottom:3px solid #565450;
}

/*----------------------------------------------------
子ページ共通
----------------------------------------------------*/
#content {
	width:100%;
	min-height:600px;
	margin:0 auto;
	text-align:center;
	padding:30px 0 0 0;
}
.contentArea {
	position: relative;
	width:960px;
	text-align:left;
	margin:0 auto;
}
.collaboArea .contentArea {
	width: 900px;
}
.collaboArea .itemsCaution {
	width: 100%;
	height: auto;
	font-size: 14px;
	padding: 15px 20px;
	color: #ffea67;
	margin: 0 auto 20px;
	background: #212020;
	box-sizing: border-box;
}
.collaboArea .menuCaution {
	width: 100%;
	height: auto;
	font-size: 14px;
	padding: 15px 20px;
	color: #ffea67;
	margin: 0;
	text-align: center;
	background: #212020;
	box-sizing: border-box;
}

.contentTitle {
	margin:0;
}
.contentSubTitle {
	width:958px;
	height:40px;
	background-repeat: no-repeat;
	margin:30px auto;
	font-size:16px;
	font-weight: bold;
	line-height:2.6;
	padding-left:30px;
	text-align:left;
	box-sizing:border-box;
}

.tokyo .contentSubTitle {
	background-image: url(../img/common/tokyo_ttlbar.png);
}
.osaka .contentSubTitle {
	background-image: url(../img/common/osaka_ttlbar.png);
}

.contentSubTitleInner {
	width:900px;
	margin:0 auto;
}

.contentSubTitleInner.collaboMenu {
	padding: 20px;
	background: #33322f;
	box-sizing: border-box;
}

.collaboArea {
	width:950px;
	margin:0 auto 30px auto!important;
	background-color:#eaeaea!important;
	padding-bottom:30px;
}

.collaboArea  .contentSubTitle {
	width:950px!important;
	height: 60px;
	margin:30px auto 0 auto!important;
	background-image:none!important;
	color:#f7e35f;
	padding-left:20px!important;
	font-size:24px;
}
	.tokyo .collaboArea  .contentSubTitle {
		background-color:#980711!important;
	}
	.osaka .collaboArea  .contentSubTitle {
		background-color:#0848a7!important;
	}

 .collaboArea .contentSubTitle span {
	color:#eaeaea;
	font-size:16px;
}
/*.collaboArea p {
	color:#000!important;
}
.collaboArea h2 {
	color:#df3e4d!important;
}

.collaboArea h3 {
	color:#bc9701!important;
}
*/
.collaboArea .collaboBanner {
	/*margin:30px auto;*/
	margin: 0 auto 20px;
	width: 100%;
}

.conceptArea {
	width:760px;
	margin:30px auto;
	text-align:center;
}

.collaboArea .collaboMenuTitle {
    background-image: url(../img/common/tokyo_ttlbar.png);
    background-position: 0 0;
    width: 900px;
    height: 40px;
	line-height: 40px;
    background-repeat: no-repeat;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    padding-left: 30px;
    text-align: left;
    box-sizing: border-box;
}

/*----------------------------------------------------
コラボ
----------------------------------------------------*/
#collabo{
	min-width:100%;
	min-height:600px;
	margin:0 auto;
	text-align:center;
	padding:30px 0;
}

.collaboTitle {
	margin:0 auto;
	min-width: 960px;
	width: 100%;
	height: 400px;
	display: block;
	background-image: url(../img/collabo/collabo_main_pc.png);
	background-repeat: no-repeat;
	background-position: center;
	margin:0 auto;
}

/*----------------------------------------------------
予約案内ボタン（海外対応）
----------------------------------------------------*/
.reserveArea {
	background: #33322f;
	width: 960px;
	margin: 30px auto;
}
.reserveArea h2 {
	margin-bottom: 0!important;
}
.reserveArea ul {
	display: inline-block;
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
	letter-spacing: -.4em;
}
.reserveArea ul li {
	width: 50%;
	display: inline-block;
}
.reserveArea ul li a:hover {
	filter: brightness(1.4);
}

/*----------------------------------------------------
グランドメニュー　
----------------------------------------------------*/
#grandmenu h2, #collabo h2 {
	font-size:18px;
	color:#df3f4c;
	margin-bottom:16px;
	font-weight: bold;
}
#grandmenu h2 span, .txt-drink-en {
	font-size:14px;
	color:#777;
}

#grandmenu h3 {
	font-size:16px;
	color:#ffea67;
	margin-bottom:40px;
}
/*---メニュー枠---*/
.menuInner {
	background: #171715;
	width: 900px;
    margin: auto;
    padding: 0;
    box-sizing: border-box;
}
/*---メニュー画像---*/
.menu-image {
	position:relative;
	width:400px;
	min-height: 272px;
	float:left;
	margin-right:15px;
}
	.menu-image img {
		width:400px;
		height:auto;
	}
.menu-item-right {
	position:relative;
	width:400px;
	float:left;
}
/*---メニュー画像アイコン---*/
.menu-ico-new:before,
.menu-ico-soldout:after {
	display: block;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
	width:401px;
	height:270px;
	background-size: contain;
	background-repeat: no-repeat;
	content:"";
	visibility: visible;
}
	.menu-ico-new:before {
		background-image: url(../img/grandmenu/ico_new.png);
	}
	.menu-ico-soldout:after {
		background-image: url(../img/grandmenu/ico_soldout.png);
	}
	.menu-ico-alcohol {
		position:absolute;
		bottom:15px;
		left:10px;
		width:38px;
		height:38px;
		background-image: url(../img/grandmenu/ico_alcohol.png);
		background-size: contain;
		background-repeat: no-repeat;
	}

/*---区切り線---*/
.hr {
	width:100%;
	height:1px;
	border-bottom:1px solid #888888;
	margin:20px auto;
}
.collaboArea .hr {
	border-bottom: 1px solid #5f5f5f;
}
/*---ドリンクエリア---*/
.drinkBox {
	width:100%;
	background-color: #33322f;
	color:#dcdcdc;
	padding:20px 5px;
}

.drinktable {
	width:100%;
}
	.drinktable td {
		width:50%;
		text-align: left;
		padding:0px 0px 0px 15px;
	}
	.drinktable .td01 {
		text-align: left;
		border-right:1px solid #4a4a4a;

	}
	.drinktable .td02 {
	}
	.drinktable ul {
		text-align:left;
	}
	.drinktable li {
		position: relative;
		list-style:none;
		margin-bottom:15px;
		padding-left:15px;
		line-height:1.3;
	}
	.drinktable li:before {
		position: absolute;
		top: 4px;
		left:0px;
		width:10px;
		height:10px;
		background-image: url(../img/common/icon/ico_circle.png);
		background-repeat: no-repeat;
		content:"";
	}
	.drinktable li:last-child {
		margin-bottom:0px;
	}
.price {
	color:#ffea67;
}
.collaboArea .collaboBanner {
	/*margin-top:25px!important;*/
}
.collaboBanner {
	text-align: center;
}

/*----------------------------------------------------
テキスト
----------------------------------------------------*/

/*---アイコン付き見出し---*/
.ico-dia,.ico-dia-large {
	position: relative;
	padding-left:20px;
	color:#fff;
	font-weight: bold;
}
.ico-dia.caution,
.ico-dia-large.caution {
	color: #e5959c;
}
.ico-dia-large {
	font-size:16px;
	margin-bottom:5px;
}
	.ico-dia:before, .ico-dia-large:before {
		display: block;
		content: "";
		position: absolute;
		left: 0;
		width: 22px;
		height: 22px;
		background-image: url(../img/common/icon/ico_dia.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	.ico-dia:before {
		top: -2px;
	}
	.ico-dia-large:before {
		top: -1px;
	}

/*---注釈インデント---*/
.textCauton {
	padding-left:15px;
}
	.textCauton li {
		color:#e5959c;
		list-style:none;
		text-indent:-15px;
	}
span.textCauton {
	padding-left: 0;
	color:#e5959c;
	text-indent: 0;
}
.txtCaution2 {
	color:#ffea67;
}
/*---よくある質問---*/
.qalinks a {
	display: inline-block;
}
.qalinks {
	background:#333230;
	padding: 1.5em;
	line-height: 2;
	text-align: center;
}
.qa-anchor {
	position: absolute;
	margin-top: -72px;
}
.qabox {
	position: relative;
	margin-top: 30px;
	/*border-bottom: 1px solid #888888;*/
}
.qabox:first-of-type {

}
.question {
	position: relative;
	color:#dad7d7;
	padding: 10px 10px 10px 50px;
	background: rgba(255,255,255,0.15);
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	font-weight:bold;
	font-size:16px;
}
.question:before {
	position: absolute;
	top: -2px;
	left:0;
	color:#38adff;
	font-size:18px;
	content:"Q.";
	font-weight: bold;
}
.answer {
	position: relative;
	background: rgba(255,255,255,0.05);
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
	color:#dcdcdc;
	margin:0 0 16px 0;
	padding: 20px 20px 20px 50px;
}
.answer:before {
	position: absolute;
	top: 8px;
	left:0;
	color:#df3f4c;
	font-size:18px;
	font-weight: bold;
}
	.question:before {
		color:#38adff;
		content:"Q.";
		padding: 10px 10px 10px 20px
	}
	.answer:before {
		color:#df3f4c;
		content:"A.";
		padding: 10px 10px 10px 20px
	}

/*----------------------------------------------------
ボタン
----------------------------------------------------*/
.btn {
	width:400px;
	height:60px;
	display:block;
	color:#fff;
	line-height:3.4;
	font-weight: bold;
	font-size:18px;
	background-image: url(../img/common/btn/btn_bg.png);
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	margin:30px auto 10px auto;
	 -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
}
	.btn:hover {
		background-image: url(../img/common/btn/btn_bg_hover.png);
		background-repeat: no-repeat;
		text-decoration: none;
		color:#fff;
	}

.btn02 a {
	display:block;
	color:#fff;
	line-height:2.3;
	font-size:18px;
	border-radius:4px;
	width:300px;
	height:40px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin:30px auto 10px auto;
	background-color:#565450;
	border:1px solid #676560;
	position: relative;
}

/* 白い半透明マスク */
	.btn02 a:after {
		content: "";
		display: block;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		-webkit-transition: opacity 200ms;
		-moz-transition: opacity 200ms;
		-ms-transition: opacity 200ms;
		-o-transition: opacity 200ms;
		transition: opacity 200ms;
	}
		.btn02 a:hover:after {
			opacity: 0.15;
		}

/**
 * 画像なしボタン
 */
.btn-bare {
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	padding: 1rem;
	border-style: solid;
	border-width: 3px;
	border-radius: 8px;
	color: #fff;
	font-size: 1.0rem;
	transition: background-color .2s;
	text-decoration: none;
}
.btn-bare.is-orange {
	border-color: #ca5f00;
	background-color: #dc8000;
}
	.btn-bare.is-orange:hover {
		background-color: #ff9b10;
	}
.btn-bare.is-blue {
	border-color: #005aa7;
	background-color: #0077ca;
}
	.btn-bare.is-blue:hover {
		background-color: #1091ff;
	}

/*----------------------------------------------------
トピックス
----------------------------------------------------*/
#sqexCafeTopicsMain {
	width: 960px;
	min-height:853px;
	margin:0 auto;
	text-align:center;
	padding-top:30px;
	padding-bottom:50px;
}
#sqexCafeTopics {
	width:680px;
	height:853px;
	float:left;
	margin-right:20px;
}
#topicsArea {
	height:685px;
	overflow-x: hidden;
		overflow-y: auto;
}
.dark-box {
	width:98.5%;
	height:auto;
	background-color: rgba( 23, 23, 21, 0.8 );
	padding-bottom:20px;
}
#sqexCafeStamp {
	width:260px;
	height:80px;
	float:right;
	margin-bottom: 20px;
}

#sqexCafeTwitter {
	width:260px;
	float:right;
	/* height:853px; */
	height: 700px;
}
.tokyo #sqexCafeTwitter {
	background-color:#56050b;
}
.osaka #sqexCafeTwitter {
	background-color:#052656;
}
#twitterArea {
	width:250px;
	/* height:766px; */
	height: 612px;
	margin:0 auto;
	background-color:#ffffff;
	overflow-x: hidden;
		overflow-y: auto;

}

.topicsTitle {
	margin-bottom:10px;
}
.topicsSubTitle {
	position:relative;
	width:98.5%;
	background-repeat: no-repeat;
	background-size:cover;
	margin:0px 20px 0 auto;
	font-size:16px;
	font-weight: bold;
	text-align:left;
	clear: both;
}
.tokyo .topicsSubTitle{
	background-image: url(../img/topics/tokyo_ttlbar2.png);
}
.osaka .topicsSubTitle{
	background-image: url(../img/topics/osaka_ttlbar2.png);
}
img.topics_new {
	width:37px!important;
	float:left!important;
	margin-right:5px!important;
		margin: auto;
}

.topicsSubTitle div {
	box-sizing: border-box;
	padding-top: 12px;
	padding-bottom: 11px;
	line-height:1.3;
	margin: auto;
	width:98.5%;
	padding-left:20px;
	padding-right:25px;
}
	.topicsSubTitleInner {
		width:93.5%;
		margin:0px auto 0 18px;
		text-align:left;
		line-height:1.6;
		padding-top:;
		color:#dcdcdc;
	}
.sqexCafeTopicsFooter {
	width:680px;
	height:18px;
	background-image: url(../img/topics/topics_footer.png);
	background-repeat: no-repeat;
	margin:10px auto;
	box-sizing: border-box;
}
.topics-date {
	padding-top:10px;
	color:#ffea67;
}
.moretopics {
	position: relative;
	width:240px;
	margin:0 auto;
}
.moretopics a {
	position: relative;
	display:block;
	color:#fff;
	font-weight: bold;
	font-size:16px;
	text-decoration: none;
	margin:15px 0 10px 0;
}
.moretopics a:before {
	position: absolute;
	width:25px;
	height:25px;
	display:block;
	background-image: url(../img/topics/ico_topics.png);
	background-repeat: no-repeat;
	margin:0 auto;
	content:"";
}
#sqexCafeTopics .hr {
	margin: 15px auto !important;
	width: 100%;
}
/*----------------------------------------------------
テーブル
----------------------------------------------------*/
#sqexCafeTable,
.sqexCafeTable {
	border:1px solid #000;
}
	#sqexCafeTable th,
	.sqexCafeTable th {
		color:#dcdcdc;
		background-color:#33322f;
		padding:10px;
		text-align:center;
	}
	#sqexCafeTable td,
	.sqexCafeTable td {
		color:#000;
		padding:10px;
		text-align:center;
		border:1px solid #000;
		border-collapse: separate;
		border-spacing: 1px;
	}
	#sqexCafeTable .td01,
	.sqexCafeTable .td01 {
		background-color:#8a8a88;
	}
	#sqexCafeTable .td02,
	.sqexCafeTable .td02 {
		background-color:#b8b8b5;
	}
.infoTable {
	border:1px solid #000;
	background-color:#efefef;
}
	.infoTable th {
		color:#000;
		background-color:#ababab;
		text-align:center;
		border:1px solid #000;
	}
	.infoTable .td01 {
		color: #000;
		text-align: left;
		border:1px solid #000;
	}

/*--各テーブルサイズ指定---*/
.table01,
.infoTable {
	width:100%;
}
	.table01 .td01 {
		width:30%;
	}
	.table01 .td02 {
		width:70%;
	}
	.infoTable th,
	.infoTable td {
		padding:10px;
	}
v
/*----------------------------------------------------
ご注意エリア
----------------------------------------------------*/
.cautionBox {
	margin-top:-20px;
	width:870px;
	background-color:#786000;
	padding:15px;
	color:#FFF;
	line-height: 1.5;
}
.ico-caution {
	position: relative;
	color:#ffea67;
	padding-left:25px;
	margin-bottom:10px;
	font-size:16px;
	font-weight: bold;
}
	.ico-caution:before {
		position: absolute;
		top:2px;
		left:0;
		width:20px;
		height:20px;
		background-image: url(../img/common/icon/ico_caution.png);
		background-repeat: no-repeat;
		content:"";
	}


/*----------------------------------------------------
TOP
----------------------------------------------------*/
#sqexCafeMain {
	max-width: 1400px;
	min-width: 960px;
	height:870px;
	background-image: url(../img/top/main_bg.png);
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin:0 auto;
	text-align:center;
}

	#sqexCafeMain .sqexCafeLogo {
		width:300px;
		height:396px;
		position: relative;
		top:50px;
		background-image: url(../img/top/sqexcafe_logo.png);
		background-repeat: no-repeat;
		margin:0 auto;
	}
	#sqexCafeMain .sqexCafeCatch {
		width:947px;
		height:373px;
		position: relative;
		top:30px;
		background-image: url(../img/top/catch_pc.png);
		background-repeat: no-repeat;
		margin:0 auto;
	}
	#sqexCafeMain .banner01 {
		position: relative;
		top:80px;

	}
	#sqexCafeMain .banner02 {
		position: relative;
		top:90px;
	}
		#sqexCafeMain .banner01,
		#sqexCafeMain .banner02 {
			display: block;
			background-repeat: no-repeat;
			margin:0 auto;
		}
		#sqexCafeMain .banner01 {
			width:600px;
			height:180px;
			background-image:url(../img/top/banner_ff15_atr.png);
		}
		#sqexCafeMain .banner02{
			width:600px;
			height:180px;
			top:90px;
			background-image:url(../img/top/banner_ff15_corabo.png);
		}

		#sqexCafeMain .banner01:after {
			background-image:url(../img/top/banner_ff15_atr.png);
		}
		#sqexCafeMain .banner02:after{
			background-image:url(../img/top/banner_ff15_corabo.png);
		}
		#sqexCafeMain .banner01:after,#sqexCafeMain .banner02:after {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-position: bottom;
			opacity: 0;
			-webkit-transition: opacity 0.5s;
			-moz-transition: opacity 0.5s;
			-o-transition: opacity 0.5s;
		}

		#sqexCafeMain .banner01:hover:after,
		#sqexCafeMain .banner02:hover:after {
			opacity: 1;
		}
/*--- Access ---*/
.sqexCafeAccess {
	max-width:960px;
	text-align:center;
	margin:0 auto 30px auto;
	background-color:#33322f;
	padding:20px 0;
	border-radius:8px;
}
	/* コンセプトページ用 */
	.sqexCafeAccess--concept {
		margin-bottom: 0;
		padding: 0;
		background-color: transparent;
	}
	.accessArea {
		/*width:920px;*/
		width:900px;
		text-align:left;
		margin:0 auto;
	}
.accessTitle {
	width:920px;
	height:50px;
	background-image: url(../img/top/ttl_access.png);
	background-repeat: no-repeat;
	margin:0 auto;
}
	/* コンセプトページ用 */
	.sqexCafeAccess--concept .accessTitle {
		display: none;
	}
.accessMap {
	width:100%;
	height:340px;
	margin:20px 20px 0 0;
}
	/* コンセプトページ用 */
	.sqexCafeAccess--concept .accessMap {
		margin: auto;
	}
.accessInfo {
	width:100%;
	margin-top:20px;
	display: flex;
	align-items: flex-start;
}

.accessTable {
	margin-top:-5px;
	width:50%;

}
	.accessTable tr {
		vertical-align: top;
	}
	.accessTable td {
		line-height:1.5;
		padding-bottom:15px;
	}
	.accessTd01 {
		width:100px;
		border-right:1px solid #4a4a4a;
	}
	.accessTd01 {
		font-size:14px;
	}
	.accessTd02{
		color:#dcdcdc;
		font-size:14px;
		padding-left:20px;
	}

/*----------------------------------------------------
コラボヘッダ
----------------------------------------------------*/
.collaboHead {
	overflow: hidden;
	box-sizing: border-box;

	margin-right: auto;
	margin-left: auto;
	width: 960px;

	mask-image: url(../img/top/slider/navi/mask.png);
	-webkit-mask-image: url(../img/top/slider/navi/mask.png);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	/* マスクをかける場所指定 */
	-webkit-mask-position:center center;
	mask-position: center center;

	border: 1px solid transparent;
	border-radius: 8px;
}

/*----------------------------------------------------
グッズ　
----------------------------------------------------*/
#goods h2 ,#goodsDetail h2 {
	font-size:14px;
	color:#df3f4c;
	margin-bottom:5px;
	word-wrap: break-word;
	font-weight: bold;
}
#goods h3,#goodsDetail h3 {
	font-size:16px;
	color:#ffea67;
}
#goods .hr {
	margin: 0 auto 30px auto !important;
	width: 900px;
}
.goodsArea {
	position: relative;
	width:900px;
	margin: 0 auto 20px auto;
	text-align: center;
}

.goodsArea ul {
	list-style-type: none;
	padding: 0 0;
	margin:0 auto;
	text-align: center;
	vertical-align:top;
	width:100%;
	}
	.goodsArea li {
		width:192px;
		float:left;
		text-align:left;
		padding: 0 0;
		vertical-align:top;
		margin-right:44px;
	}
		.goodsArea li:nth-child(4) {
			margin-right:0;
			float:right;
		}
		

.collaboArea .goodsArea{
	width: 860px;
}

.collaboArea .goodsArea li{
	margin-right: 30px;
}
.collaboArea .goodsArea li:nth-child(4) {
	margin-right:0;
}

.goodsDetailLink {
	width:192px;
	position: relative;
	display: block;
	text-align:center;
}
/*--グッズ画像--*/
.goods-image {
	position: relative;
	overflow:hidden;
	text-align:center;
	margin-bottom:10px;
}
	.goods-image img {
		width:192px;
		height:192px;
		margin:0 auto;
	}
/*--グッズ画像アイコン--*/
#goods .ico-new:before,
#goods .ico-soldout:after,
#goods .ico-soldout2:after,
#goodsDetail .ico-new:before,
#goodsDetail .ico-soldout:after,
#goodsDetailWrapper .ico-soldout2:after{
		position: absolute;
		content:"";
	}
	#goods .ico-new:before {
			width:86px;
			height:50px;
			top:0;
			left:0;
			background-image: url(../img/goods/ico_new.png);
			background-repeat: no-repeat;
			background-size: contain;
			z-index:2;
		}
	#goodsDetail .ico-new:before {
			width:119px;
			height:66px;
			top:0;
			left:0;
			background-image: url(../img/goods/ico_new.png);
			background-repeat: no-repeat;
			background-size: contain;
			z-index:2;
		}
	#goods .ico-soldout:after {
			width:100%;
			height:100%;
			top:20px;
			left:0;
			background-image: url(../img/goods/ico_soldout.png);
			background-repeat: no-repeat;
			background-size: contain;
			z-index:1;
		}
		#goods .ico-soldout2:after {
			width:100%;
			height:100%;
			bottom:0px;
			left:0px;
			background-image: url(../img/goods/ico_soldout2.png);
			background-repeat: no-repeat;
			background-size: contain;
			z-index:3;
		}
	#goodsDetail .ico-soldout:after {
			width:402px;
			height:402px;
			top:40px;
			left:0;
			background-image: url(../img/goods/ico_soldout.png);
			background-repeat: no-repeat;
			background-size: contain;
			z-index:4;
		}
	.goods-image .ico-soldout2:after {
			width:402px;
			height:402px;
			bottom:0px;
			left:0px;
			background-image: url(../img/goods/ico_soldout2.png);
			background-repeat: no-repeat;
			z-index:3;
		}

	#goods .goodsArea a:after {
			position: absolute;
			bottom:5px;
			right:5px;
			width:28px;
			height:28px;
			z-index:1;
			background-image: url(../img/common/btn/btn_zoom.png);
			background-size: cover;
			background-repeat: no-repeat;
			content:"";
			z-index:9;
		}

	.goodsText {
		width:100%;
	}
		.goodsText p {
			color:#fff;
		}
/*--グッズモーダル領域--*/
#goodsDetailWrapper {
	position: relative;
	display: none;
	width:100%;
	min-height:530px;
	/margin-top: 30px;
}
#goodsDetail {
	width:100%;
	min-height:420px;
	background-color:#33322f!important;
	text-align:center;
	padding:40px 0 30px 0;
}
.collaboArea #goodsDetail {
	background-color:#212020!important;
	padding: 40px 20px 30px;
    box-sizing: border-box;
}
	#goodsDetail .goodsDetailInner {
		position: relative;
		width:900px;
		margin:0 auto;
		/* 0809臨時追加*/
		display: flex;
	}
	#goodsDetail .goods-image {
		position: relative;
		width:402px;
		height:402px;
		float:left;
		margin-right:15px;
	}
	#goodsDetail .goods-image img {
		width:402px;
		height:402px;
	}
	#goodsDetail .goodsText {
		width:450px;
		float:left;
		text-align:left;
	}
	#goodsDetail .goodsDetailInner .btn-close {
		position: absolute;
		top:0px;
		right:0px;
		width:38px;
		height:38px;
		background-image: url(../img/common/btn/btn_close.png);
		background-size: contain;
		background-repeat: no-repeat;
	}
	.collaboArea #goodsDetail .goodsText {
		width:400px;
	}

	.collaboArea #goodsDetail .goodsDetailInner .btn-close {
		right: 40px;
	}

	.caution_soldout {
		width:854px;
		margin:10px auto 40px auto;
		text-align:center;
		font-size:16px;
		color:#ffea67;
		border-radius:8px;
		background-color:#33322f;
		padding:20px;
	}

/*----------------------------------------------------
PAGETOP
----------------------------------------------------*/
#page-top {
		position: fixed;
		bottom: 50px;
		right: 60px;
}
#page-top a {
	background-image: url(../img/common/icon/ico_pagetop.png);
	background-repeat: no-repeat;
		text-decoration: none;
	width:48px;
	height:48px;
	background-size:contain;
		display: block;
}
#page-top a:hover {

}

/*----------------------------------------------------
ガチャメニューモーダル用css
----------------------------------------------------*/
#grandmenu .modal_btn {
	padding: 1rem 2rem;
	border: 1px solid;
	display: block;
	margin: 1rem 0 0;
	text-align: center;
	text-decoration: none;
}
#cboxContent {
	padding: 2rem;
	background: #171715;
}
.modal_h1 {
	font-weight: bold;
	font-size: 18px;
	background: #811818;
	padding: 1rem;
	margin: 0 0 30px;
	width: 840px;
	box-sizing: border-box;
}
.modal_h2 {
	font-size: 16px;
	color: #df3f4c;
	margin-bottom: 30px;
}
.modal_h3 {
	font-size: 16px;
	color: #ffea67;
	margin-bottom: 40px;
}
.gacha_menu {
	background: #3a060a;
	padding: 24px;
	color: #d9d4ba;
	width: 900px;
	margin: 0px auto 0;
	box-sizing: border-box;
	border-radius: 20px;
}
.gacha_menu p{
	padding-left: 1em;
	text-indent: -1em;
	margin: 0 0 5px;
	color: #fff!important;
}
.gacha_menu_indent {
	padding-left: 1em;
}
.gacha_menu h3 {
	font-size: 18px!important;
	font-weight: bold;
	margin-bottom: 1rem!important;
}
.gacha_menu h4 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0;
	border-bottom: 2px solid #501f23;
	margin-bottom: 1rem;
}

/*----------------------------------------------------
アコーディオン用css
----------------------------------------------------*/
.accordion {
	position: relative;
	cursor: pointer;
}
.accordion::before,
.accordion::after{
content:"";
position: absolute;
top: 15px;
width: 2.5px;
height: 12px;
background-color: #fff;
transition: .5s;
}

.accordion::before{
transform: rotate(-45deg);
right: 37px;
}

.accordion::after{
transform: rotate(45deg);
right: 30px;
}

.accordion.is-open::before{
transform: rotate(45deg);
right: 37px;
}

.accordion.is-open::after{
transform: rotate(-45deg);
right: 30px;
}	

/*----------------------------------------------------
追加
----------------------------------------------------*/

.contentSubTitle {
	height: auto;
	line-height: 1.5;
	background-size: cover;
	font-size: 18px;
	color: #f6e88f;
	padding: 16px 30px;
}

.contentSubTitle h2 span{
	font-size: 0.9rem;
	padding: 3px 10px;
	background: #980711;
	border-radius: 4px;
	margin: 0 0 0 10px;
}

.contentsMenu {
	margin: 40px 0 0;
}

.contentsMenu .linkMenuList {
	display: flex;
	list-style: none!important;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 0!important;
	margin: 0!important;
}

.contentsMenu .linkMenuList li {
	width: 30%;
	background: #3d3018;
	text-align: center;
	margin: 7px;
	border-radius: 6px;
	border: 2px solid #81620d;
}

.contentsMenu .linkMenuList li:hover {
	background: #4e3e1f;;
}

.contentsMenu .linkMenuList li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 1rem 10px;
}

.contentSubTitle h2 {
	font-weight: bold;
}

.ico-dia-large.subTitle {
	color: #e5959c;
	padding-left: 25px;
	padding-bottom: 5px;
	border-bottom: 2px solid #df3f4c;
	margin-top: 50px;
	margin-bottom: 24px;
}

.ico-dia-large.subTitle h3 {
	font-weight: bold;
}

.cautionTitle {
	color: #df3f4c;
	margin-top: 24px;
	font-size: 1rem;
}

.cautionTitle h4 {
	font-weight: bold;
}

.flexbox {
	display: flex;
}

.flexbox .flexboxImg {
	width: 400px;
}

.flexbox .flexboxText {
	margin-right: 1rem;
}

.conceptTable {
	background: rgba(255,255,255,0.1);
}

.conceptTable tr {
	border-bottom: 2px solid rgba(255,255,255,0.1);
}

.conceptTable tr th {
	font-weight: bold;
	background: rgba(255,255,255,0.1);
	padding: 1rem 1.5rem;
	text-align: center;
}

.conceptTable tr td {
	padding: 1rem;
}

.conceptTable tr td.l-r {
	border-right: 2px solid rgba(255,255,255,0.1);
}

.conceptTable tr td ul {
	margin: 0;
}

.conceptTable.verticalLine tr {
	border-bottom: none;
}

.conceptTable.verticalLine tr th {
	min-width: auto;
}

.conceptTable.verticalLine tr th,
.conceptTable.verticalLine tr td {
	border-left: 2px solid rgba(255,255,255,0.1);
	text-align: center;
}

.conceptTable.verticalLine tr th:first-child,
.conceptTable.verticalLine tr td:first-child {
	border-left: none;
}

.conceptTable .textCaution {
	font-size: 0.9rem;
	color: #e5959c;
}

.conceptTable .smaller {
	font-size: smaller;
  font-weight: initial;
}

.conceptTable .note {
	list-style: none!important;
	text-indent: -1rem;
	padding-left: 1rem;
}

.conceptTable .note li {
	margin-bottom: 5px;
}

.conceptTable .note li::before {
	content: "※";
	padding-right: 3px;
}


.cautionBox {
	background: rgba(255,255,255,0.05);
	border-radius: 1rem;
	padding: 16px 24px;
	font-size: 13px;
	color: #dad7d7;
}

.cautionBox .note {
	margin: 0!important;
	list-style: none!important;
	text-indent: -1rem;
	padding-left: 1rem;
}

.cautionBox .note li {
	margin-bottom: 5px;
}

.cautionBox .note li:last-child {
	margin-bottom: 0;
}

.cautionBox .note li::before {
	content: "※";
	padding-right: 3px;
}

.cautionBox .note li.red,
.cautionBox span.red {
	color: #e5959c;
}

.list {
	list-style: disc;
	padding-left: 1rem;
}

/*----------------------------------------------------
追加（海外予約用）
----------------------------------------------------*/
.reserve_caution {
	background: rgba(255, 255, 255, 0.05);
	padding: 30px;
}

.reserve_caution .caution_title {
	position: relative;
	padding: 0 0 0 60px;
	color: #eee895;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
}

.reserve_caution .caution_title span {
	font-size: 13px;
	display: block;
}

.reserve_caution .caution_title::before {
	position: absolute;
	left: 0;
	top: -3px;
	content: "";
	width: 50px;
	height: 50px;
	background: url(../img/info/caution_icon.png) no-repeat;
	background-size: contain;
	display: block;
}


/*----------------------------------------------------
追加（アプリ用）
----------------------------------------------------*/
.app_dl {
	background: rgba(255, 255, 255, 0.05);
	padding: 30px;
	display: flex;
	margin: 20px 0 0;
}

.app_dl .app_icon {
	width: 160px;
	min-width: 160px;
}

.app_dl .app_icon img{
	width: 100%;
}

.app_dl .app_detail {
	padding: 0 0 0 30px;
}

.app_dl .app_name {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px;
}

.app_dl .app_text {
	font-size: 13px;
	color: #c3c3c3;
}

.app_dl .app_spec {
	display: flex;
	margin: 0 0 15px;
}

.app_dl .app_spec tr th{
	padding: 0 0 10px;
	width: 6rem;
	text-align: center;
}

.app_dl .app_spec tr th span{
	background: #171715;
	display: block;
	padding: 2px;
}

.app_dl .app_spec tr td{
	padding: 2px 2px 12px 16px;
}

.app_dl .app_links {
	display: flex;
	padding-left: 0!important;
	gap: 1rem;
}

.app_dl .app_links li{
	list-style: none;
	height: 70px;
}

.app_dl .app_links li a {
	transition: 0.3s all;
}

.app_dl .app_links li a:hover {
	opacity: 0.5;
}

.app_dl .app_links li a img {
	height: 70px;
}

/*----------------------------------------------------
追加（クローズ用）
----------------------------------------------------*/
.collaboArchiveTitle {
	font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 1.8rem;
    text-align: center;
}

.collaboArchiveList {
	/*width:960px;*/
	max-width: 1200px;
	min-height:60vh;
	border-radius: 8px;
	background-color:#33322f;
	/*background-image: url(../img/collabo/past_collabo_bg.png);*/
	background-repeat: no-repeat;
	background-position: left 30px;
	padding:25px 0px;
	margin:0 auto 30px auto;
}
.collaboArchiveList-l{
	width:230px;
	min-height:60vh;
	float:left;
	text-align:center;
	display: table;
	vertical-align: middle;
}
.collaboArchiveList-l .collaboEventTitle {
	display: table-cell;
	margin:auto;
	vertical-align: middle;
	text-align: center;
	border-right:1px solid #4a4a4a;
}
.eventBoxList {
	width: 98%;
	height:60vh	;
    margin: 0;
	padding: 0 10px 0 15px;
    box-sizing: border-box;
	/*float:left;*/
	text-align:left;
	/*padding-left:15px;*/
	overflow-x: hidden;
	overflow-y: auto;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.eventBoxList .eventBox {
	width: 31%;
	margin: 1%;
	background: #494847;
    box-shadow: 0px 4px 11px rgb(0 0 0 / 30%);
	transition: all 0.5s;
}

.eventBoxList .eventBox:hover {
	background: #585756;
}

.eventBoxList .eventBox .price{
	display: block;
}

.eventBoxList .ico-dia {
	font-weight: 100;
	margin-bottom:15px;
}
.eventBoxList .eventBox a {
	color:#fff;
	text-decoration: none;
	display: block;
}

.eventBoxList .eventBox .eventText {
	padding: 0.5rem;
}

.collaboInfo {
	width:780px;
	height:auto;
	font-size:18px;
	padding:40px;
	font-weight: bold;
	color:#ffea67;
	border-radius: 8px;
	border:solid 2px #ffea67;
	margin:30px auto 10px auto;
	background-color:#382b00;
}
.collaboInfo.is-weak {
	font-size: 16px;
	padding: 20px;
	font-weight: normal;
	border: solid 4px #666141;
}
.collaboInfo a {
	color:#ffea67;
	text-decoration: none;
}

.topBtn {
	font-weight: bold;
    font-size: 0.9rem;
    text-align: center;
    background: #2d2c2c;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    text-decoration: none;
    color: #dfdfdf;
    padding: 15px;
    border-radius: 6px;
    border: 2px solid #454545;
	box-shadow: 0px 4px 11px rgb(0 0 0 / 30%);
	transition: all 0.5s;
}

.topBtn:hover {
	background: #363535;
}