@charset "utf-8";
/* CSS Document */



/** ================================================================================================


	TOPページ、エンターテインメントカテゴリー インクルードパーツ用CSS

	@author   K.Sekioka of HEVIZ Co.,Ltd.
	@version  1.0 2019.1.25  Created.


	#entertainmentSec     TOP用インクルード
	.entertainmentSubSec  カテゴリーページ用インクルード


==================================================================================================== **/



/* Noto Sans + Noto Serif */
@import url(slider.css);



/** ============================================================================


	TOPページ / カテゴリーページ Entertainment枠


================================================================================ **/



	#entertainmentSec {
		display:block;
		position:relative;
		margin:30px 0 30px 0;
		padding:0 0 30px;

		background-color:#f0f0f0;

		color:#231815;
		font-family: 'Noto Sans JP', 'YuGothic', Meiryo, 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
		font-size:10pt;
		font-weight:400;
		line-height:1.5;
	}
	#entertainmentSec::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	/* Reset */
	#entertainmentSec.hover a { transition:all 0.2s ease-in; }
	#entertainmentSec.hover a:link,
	#entertainmentSec.hover a:visited { color:#231815; text-decoration:none; }
	#entertainmentSec.hover a:hover,
	#entertainmentSec.hover a:active  { color:#9c0e1c; text-decoration:none; }



	#entertainmentSec ul,
	#entertainmentSec li {
		margin:0;
		padding:0;
		list-style-type:none;
	}

	#entertainmentSec dl,
	#entertainmentSec dt,
	#entertainmentSec dd {
		margin:0;
		padding:0;
	}



	/* Line */
	#entertainmentSec::before {
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:5px;
		margin:0;
		padding:0;
		overflow:hidden;
		z-index:2;

		font-size:1px;
		text-align:left;
		text-indent:-9999px;

		background: #9c0e1c;
		background: linear-gradient(to right, #9c0e1c 1%,#d05c68 50%,#9c0e1c 100%);
	}



	/* 見出し */

	#entertainmentSec > header {
		display:block;
		position:relative;
		margin:0;
		padding:80px 0;
		
		color:#231815;
		background-color:transparent;
		background-image:url(img/bg.jpg);
		background-position: center top;
		background-repeat: no-repeat;
	}

	#entertainmentSec > header a:link,
	#entertainmentSec > header a:visited { color:#ffffff; text-decoration:none; }
	#entertainmentSec > header a:active,
	#entertainmentSec > header a:hover   { color:#ffffff; text-decoration:none; }

	#entertainmentSec > header h2 {
		display:block;
		position:relative;
		width:250px;
		height:65px;
		margin:0 auto;
	}

	#entertainmentSec > header h2 img {
		width:auto;
		max-width:100%;
		vertical-align:bottom;
	}

	#entertainmentSec > header h3 {
		display:block;
		position:relative;
		width:250px;
		margin:0 auto;
		padding:0;

		text-align:right;
		font-size:12pt;
		color:#FFF;
	}

	#entertainmentSec > header p {
		margin:30px 10% 0;
		text-align:center;

		font-size:11pt;
		line-height:1.8;
		color:#FFF;
	}



	/* ブロック共通 -------------------- */

	#entertainmentSec .etblock {
		display:block;
		position:relative;
		margin:60px auto 0;
		padding:0;
	}
	#entertainmentSec .etblock::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	#entertainmentSec .etblock h3 {
		display:block;
		position:relative;
		margin:0;
		padding:0 0 20px 0;

		text-align:center;
		font-size:14pt;
	}

	#entertainmentSec .etblock h3::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		width:50px;
		height:2px;
		margin:0 0 0 -25px;
		padding:0;
		overflow:hidden;

		font-size:1px;
		text-align:left;
		text-indent:-9999px;

		background-color:#9c0e1c;
	}



	/* 現在ご案内中のチケット ------------------------------ */

	#entertainmentSec .onsale .list {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		align-items:center;

		position:relative;
		margin:20px 30px 0;
		padding:0;
	}

	#entertainmentSec .onsale .list > a {
		display:flex-content;

		position:relative;
		width:calc( 50% - 20px);
		margin:0 10px 20px;
		padding:3px;
		box-sizing:border-box;

		background-color:#ffffff;

		border:1px solid #cccccc;
		border-bottom-color:#888888;
		border-right-color:#888888;
		border-radius:0px;
	}

	#entertainmentSec .onsale .list > a::before {
		content:"";
		display:block;
		position:absolute;
		left:-15px;
		top:-7px;
		width:30px;
		height:15px;
		margin:0;
		padding:0;

		background-color:#f0f0f0;
		border-bottom:1px solid #888888;

		transform:rotate(-45deg);
		transform-origin:center center;
	}

	#entertainmentSec .onsale .list > a::after {
		content:"";
		display:block;
		position:absolute;
		right:-15px;
		bottom:-7px;
		width:30px;
		height:15px;
		margin:0;
		padding:0;

		background-color:#f0f0f0;
		border-bottom:1px solid #888888;

		transform:rotate(135deg);
		transform-origin:center center;
	}



	#entertainmentSec .onsale a dl {
		display:table;
		table-layout:auto;
		width:100%;
		border-collapse:collapse;
		border-spacing:0;
		border:0;
	}


	#entertainmentSec .onsale a dt {
		display:table-cell;
		width:30%;
		margin:0;
		padding:0;
		box-sizing:border-box;

		color:#222222;
		font-size:12pt;
		text-align:center;
		vertical-align:middle;

		border-radius:5px 0 0 5px;
		background: #c0a966;
/*		background: linear-gradient(to bottom, #dbc576 0%, #c2ab69 30%, #756321 100%); */

		color:#ffffff;
		font-weight:700;

		transition:all 0.3s ease-in;
	}

	#entertainmentSec .onsale a dd {
		display:table-cell;
		width:70%;
		margin:0;
		padding:10px;
		box-sizing:border-box;

		color:#444444;
		background:#ffffff;
		border-left:2px dotted #aaaaaa;

		transition:all 0.3s ease-in;
	}

	#entertainmentSec .onsale .date {
		font-size:8pt;
	}

	#entertainmentSec .onsale .date strong {
		font-size:10pt;
	}


	#entertainmentSec .onsale .title {
		margin:5px 0;
		font-size:9pt;
	}

	#entertainmentSec .onsale .title strong {
		font-size:11pt;
	}


	#entertainmentSec .onsale .place {
		text-align:right;
		font-size:9pt;
	}

	/* 配色 */
	#entertainmentSec .onsale a.red dt     { background:#c70202; background:linear-gradient(to bottom, #e11a1a 0%, #ec2a2a 30%, #c70202 100%); }
	#entertainmentSec .onsale a.violet dt  { background:#480025; background:linear-gradient(to bottom, #6d1241 0%, #8a2258 30%, #480025 100%); }
	#entertainmentSec .onsale a.green dt   { background:#125500; background:linear-gradient(to bottom, #23700e 0%, #358420 30%, #125500 100%); }
	#entertainmentSec .onsale a.gold dt    { background:#756321; background:linear-gradient(to bottom, #dbc576 0%, #c2ab69 30%, #756321 100%); }
	#entertainmentSec .onsale a.orange dt  { background:#b56200; background:linear-gradient(to bottom, #cb7c1f 0%, #d38b36 30%, #b56200 100%); }
	#entertainmentSec .onsale a.blue dt    { background:#014879; background:linear-gradient(to bottom, #18659a 0%, #2a78ae 30%, #014879 100%); }
	#entertainmentSec .onsale a.wine dt    { background:#56001c; background:linear-gradient(to bottom, #6f0f2e 0%, #842242 30%, #56001c 100%); }
	#entertainmentSec .onsale a.navy dt    { background:#000016; background:linear-gradient(to bottom, #030328 0%, #0c0c46 30%, #000016 100%); }


	/* Hover */
	#entertainmentSec .onsale a:hover dt,
	#entertainmentSec .onsale a:active dt {
		background: #ffe2e2;
		background: linear-gradient(to bottom, #fdeaea 0%, #fffbfb 30%, #ffe2e2 100%);
		color:#cc0000;
		text-decoration:none;
	}

	#entertainmentSec .onsale a:hover dd,
	#entertainmentSec .onsale a:active dd {
		background: #ffe2e2;
		background: linear-gradient(to bottom, #fdeaea 0%, #fffbfb 30%, #ffe2e2 100%);
		color:#231815;
		text-decoration:none;
	}



	/* おすすめ -------------------------------------------- */

	#entertainmentSec .recommend .hevizSlider {
		margin-top:15px;
	}

	#entertainmentSec .recommend .hevizSlider .screen {
		margin:0 40px;
	}

	#entertainmentSec .recommend .hevizSlider .screen > ul > li {
		vertical-align:top;
	}

	#entertainmentSec .recommend .hevizSlider .screen > ul > li > a {
		display:block;
		position:relative;
		margin:0 3px;
		padding:3px;
		box-sizing:border-box;

		background-color:#ffffff;
		border:1px solid #cccccc;
		border-bottom-color:#888888;
		border-right-color:#888888;

		transition:all 0.3s;
	}
	#entertainmentSec .recommend .hevizSlider .screen > ul > li > a::before,
	#entertainmentSec .recommend .hevizSlider .screen > ul > li > a::after {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;

		border:2px solid #9c0e1c;
		background-color:transparent;
		opacity:0;

		transition:all 0.3s;
	}
	#entertainmentSec .recommend .hevizSlider .screen > ul > li > a::before { left :-1px; top   :-1px; border-right:0; border-bottom:0; }
	#entertainmentSec .recommend .hevizSlider .screen > ul > li > a::after  { right:-1px; bottom:-1px; border-left :0; border-top:0;  }


	#entertainmentSec .recommend .hevizSlider .screen dt {
		text-align:center;
	}

	#entertainmentSec .recommend .hevizSlider .screen dt img {
		width:auto;
		max-width:100%;
		vertical-align:bottom;
		transition:all 0.3s;
	}

	#entertainmentSec .recommend .hevizSlider .screen dd {
		padding:5px 10px 0;
	}

	#entertainmentSec .recommend .hevizSlider .screen dd.title {
		font-weight:bold;
		padding:5px 10px 0;
	}

	#entertainmentSec .recommend .hevizSlider .screen dd.points {
		font-size:9pt;
		text-align:right;
	}

	/* Hover ------- */
	#entertainmentSec.hover .recommend .hevizSlider .screen > ul > li > a:hover::before { width:100%; height:100%; opacity:1; }
	#entertainmentSec.hover .recommend .hevizSlider .screen > ul > li > a:hover::after  { width:100%; height:100%; opacity:1; }

	#entertainmentSec.hover .recommend .hevizSlider .screen > ul > li > a:hover img     { opacity:0.9; }





	/* カテゴリー ---------------------- */

	#entertainmentSec .category .list {
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;

		position:relative;
		margin:20px 40px 0;
		padding:0;
	}

	#entertainmentSec .category .list > a {
/*		display:flex-content; */
		position:relative;
		width:calc( 20% - 6px );
		margin:0 3px 6px;
		padding:5px;
		box-sizing:border-box;

		background-color:#ffffff;
		border:1px solid #cccccc;
		border-bottom-color:#888888;
		border-right-color:#888888;
		border-radius:0px;

		transition:all 0.3s;
	}

	#entertainmentSec .category .list > a::before,
	#entertainmentSec .category .list > a::after {
		content:"";
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;

		border:2px solid #9c0e1c;
		background-color:transparent;
		opacity:0;

		transition:all 0.3s;
	}
	#entertainmentSec .category .list > a::before { left :-1px; top   :-1px; border-right:0; border-bottom:0; }
	#entertainmentSec .category .list > a::after  { right:-1px; bottom:-1px; border-left :0; border-top:0;  }



	#entertainmentSec .category .list > a dl {
		display:block;
		position:relative;
		width:100%;
		margin:0;
		padding:0 0 100% 0;
		box-sizing:border-box;
		overflow:hidden;

/*		border:2px solid #ff0000; */
		background-color:#000000;
	}

	#entertainmentSec .category .list > a dt {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		box-sizing:border-box;

		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
		opacity:0.5;

		transition:all 1s ease-out;
	}
	#entertainmentSec .category .list > a.cate01 dt { background-image:url(img/cate01_01.jpg); }
	#entertainmentSec .category .list > a.cate02 dt { background-image:url(img/cate02_01.jpg); }
	#entertainmentSec .category .list > a.cate03 dt { background-image:url(img/cate03_04.jpg); }
	#entertainmentSec .category .list > a.cate04 dt { background-image:url(img/cate04_02.jpg); }
	#entertainmentSec .category .list > a.cate05 dt { background-image:url(img/cate05_01.jpg); }
	#entertainmentSec .category .list > a.cate06 dt { background-image:url(img/cate06_01.jpg); }
	#entertainmentSec .category .list > a.cate07 dt { background-image:url(img/cate07_01.jpg); }
	#entertainmentSec .category .list > a.cate08 dt { background-image:url(img/cate08_01.jpg); }
	#entertainmentSec .category .list > a.cate09 dt { background-image:url(img/cate09_01.jpg); }
	#entertainmentSec .category .list > a.cate10 dt { background-image:url(img/cate10_01.jpg); }

	#entertainmentSec .category .list > a dd {
		display:block;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		height:auto;
		margin:0;
		padding:5px 0;
		box-sizing:border-box;

		font-weight:bold;
		background-color:#ffffff;
	}


	/* Hover ------- */
	#entertainmentSec.hover .category .list > a:hover::before { width:100%; height:100%; opacity:1; }
	#entertainmentSec.hover .category .list > a:hover::after  { width:100%; height:100%; opacity:1; }

	#entertainmentSec.hover .category .list > a:hover dt {
		left:-10%;
		top:-10%;
		width:120%;
		height:120%;
		opacity:1;
	}



	/* More ---------------------------- */


	#entertainmentSec .more {
		display:block;
		position:relative;
		margin:50px 0 0;
		padding:0;
	}

	#entertainmentSec .more a {
		display:block;
		position:relative;
		width:300px;
		height:60px;
		line-height:60px;
		margin:0 auto;
		padding:0;

		color:#231815;
		text-align:center;
		font-size:12pt;
		font-weight:700;

		background-color:#ffffff;
		border:2px solid #dddddd;

		transition:all 0.7s linear;
		transition-delay:0.3s;
	}


	#entertainmentSec .more a::before,
	#entertainmentSec .more a::after {
		content:"";
		display:block;
		position:absolute;
		width:14px;
		height:1px;
		right:30px;
		top: calc( 50% - 0.5px );
		margin:0;
		padding:0;
		overflow:hidden;

		background-color:transparent;
		border:1px solid transparent;
		border-top-color:#231815;

		transform-origin:top center;
		transition:all 0.3s ease-out;
	}
	#entertainmentSec .more a::after {
		transform:rotate(90deg);
	}


	#entertainmentSec .more a span {
		display:block;
		position:absolute;
		width:10px;
		height:10px;
		margin:0;
		padding:0;
		border:2px solid #9c0e1c;
		background-color:transparent;

		transition:all 0.5s;
	}
	#entertainmentSec .more a span:nth-of-type(1) { left :0; top   :0; border-right:0; border-bottom:0; }
	#entertainmentSec .more a span:nth-of-type(2) { right:0; top   :0; border-left :0; border-bottom:0; }
	#entertainmentSec .more a span:nth-of-type(3) { right:0; bottom:0; border-left :0; border-top   :0; }
	#entertainmentSec .more a span:nth-of-type(4) { left :0; bottom:0; border-right:0; border-top   :0; }



	/* hover */
	#entertainmentSec.hover .more a:hover {
		color:#ffffff;
		background-color:#9c0e1c;
	}

	#entertainmentSec.hover .more a:hover span:nth-of-type(1) { width :calc( 100% - 4px ); }
	#entertainmentSec.hover .more a:hover span:nth-of-type(2) { height:calc( 100% - 4px ); }
	#entertainmentSec.hover .more a:hover span:nth-of-type(3) { width :calc( 100% - 4px ); }
	#entertainmentSec.hover .more a:hover span:nth-of-type(4) { height:calc( 100% - 4px ); }

	#entertainmentSec.hover .more a:hover::before {
		right:16px;
		width:25px;
		border-top-color  :#ffffff;
	}

	#entertainmentSec.hover .more a:hover::after {
		right:20px;
		width:14px;
		height:14px;
		top:calc( 50% - 8px );
		transform:rotate(45deg);
		transform-origin:center center;

		border-top-color  :#ffffff;
		border-right-color:#ffffff;
	}



	/* チケットの種類 ------------------ */

	#entertainmentSec .types {
		display:block;
		position:relative;
		margin:50px 50px 0;
		padding:30px 0 0 0;
		border-top:1px solid #cccccc;
	}
	#entertainmentSec .types::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



	#entertainmentSec .types .head {
		display:block;
		float:left;
		width:30%;
		margin:0;
		padding:0;
	}

	#entertainmentSec .types .head h3 {
		display:block;
		position:relative;
		margin:0;
		padding:0 0 10px;
		font-size:11pt;
		font-weight:normal;
		text-align:center;
	}
	#entertainmentSec .types h3::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		bottom:0;
		width:40px;
		height:1px;
		margin:0 0 0 -25px;
		padding:0;
		overflow:hidden;

		font-size:1px;
		text-align:left;
		text-indent:-9999px;

		background-color:#9c0e1c;
	}

	#entertainmentSec .types .head p {
		margin:10px 0 0 0;
	}


	#entertainmentSec .types .list {
		display:block;
		float:right;
		width:65%;
		margin:0;
		padding:0;
	}

	#entertainmentSec .types .list dl {
		clear:both;
		margin:0;
		padding:0 0 5px;
		font-size:9pt;
	}

	#entertainmentSec .types .list dt {
		display:block;
		position:relative;
		float:left;
		margin:0;
		width:10em;
		padding:5px 0.5em 5px 1.5em;
		box-sizing:border-box;

		color:#9c0e1c;
		font-weight:bold;
		text-align:center;

		border:1px solid #9c0e1c;
		border-radius:6px;

		background-color:#ffffff;
	}
	#entertainmentSec .types .list dt::after {
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:10%;
		width:1.5em;
		height:80%;
		margin:0;
		padding:0;

		background-color:transparent;
		border-right:2px dotted #9c0e1c;
		border-radius:4px 0 0 4px;
	}

	#entertainmentSec .types .list dd {
		padding:7px 0.5em 7px 11em;
	}


	#entertainmentSec .types .list dl.type02 dt,
	#entertainmentSec .types .list dl.type02 dt::after { color:#028093; border-color:#028093; }
	#entertainmentSec .types .list dl.type03 dt,
	#entertainmentSec .types .list dl.type03 dt::after { color:#938a02; border-color:#938a02; }



/** ============================================================================

	サブカテゴリー用

================================================================================ **/



	/* 共通 ------------------------------------------------ */


	.entertainmentSubSec {

		display:block;
		position:relative;
		margin:0;
		padding:0 0 50px;

		background-color:transparent;

		color:#231815;
		font-size:10pt;
		font-weight:400;
		line-height:1.5;
	}
	.entertainmentSubSec::after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

	.entertainmentSubSec::before {
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:5px;
		margin:0;
		padding:0;
		overflow:hidden;
		z-index:100;

		font-size:1px;
		text-align:left;
		text-indent:-9999px;

		background: #9c0e1c;
		background: linear-gradient(to right, #9c0e1c 1%,#d05c68 50%,#9c0e1c 100%);
	}


	.entertainmentSubSec .logo {
		display:block;
		position:absolute;
		left:30px;
		top:30px;
		margin:0;
		padding:0;

		z-index:50;
		opacity:0.4;
	}

	.entertainmentSubSec .logo img {
		width:150px;
		height:39px;
		vertical-align:bottom;
	}


	/* カルーセル(slider.cssのオーバーライト) ---- */

	.entertainmentSubSec .hevizSlider.crossfade {
		background-color:#222222;
	}

	.entertainmentSubSec .hevizSlider.crossfade .screen > ul {
	    padding: 0 0 75%;
	}

	.entertainmentSubSec .hevizSlider .view .prev a::after,
	.entertainmentSubSec .hevizSlider .view .next a::after {
		border-color:#ffffff;
	}



	/* ヘッダー ---------------------------------- */

	.entertainmentSubSec > header {
		display:block;
		position:relative;
		margin:-50px 30px 0 30px;
	    padding:10px;
		z-index:50;
		box-sizing:border-box;

		text-align:center;

		background: #d8c187;
		background: linear-gradient(to bottom, #988239 0%, #766322 100%);
	}

	.entertainmentSubSec > header .inner {
		display:block;
		position:relative;
		margin:0;
		padding:20px;
		background-color:#ffffff;
	}

	.entertainmentSubSec > header .inner::before {
		content:"";
		display:block;
		position:absolute;
		left:3px;
		top:3px;
		width :calc( 100% - 12px );
		height:calc( 100% - 12px );
		margin:0;
		padding:0;
		background-color:transparent;
		border:3px solid #d8c187;
	}

	.entertainmentSubSec > header h1 {
		display:inline-block;
		vertical-align:middle;

		position:relative;
		width:25%;
		margin:0;
		padding:10px 0;

		font-size:16pt;
	}

	.entertainmentSubSec > header h1::before,
	.entertainmentSubSec > header h1::after {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		width:55px;
		height:2px;
		margin:0 0 0 -25px;
		padding:0;
		overflow:hidden;
		background-color:#d8c187;
	}
	.entertainmentSubSec > header h1::before { top:0;    }
	.entertainmentSubSec > header h1::after  { bottom:0; }

	.entertainmentSubSec > header p {
		display:inline-block;
		vertical-align:middle;
		text-align:left;

		position:relative;
		width:60%;
		margin:0 0 0 5%;
		padding:0;

		font-size:11pt;
		line-height:1.8;
	}




	/* カテゴリー別 ------------------------------ */

	.entertainmentSubSec.cate01 > header .inner::before { border-color:#c70202; }
	.entertainmentSubSec.cate01 > header h1::before,
	.entertainmentSubSec.cate01 > header h1::after      { background-color:#c70202; }

	.entertainmentSubSec.cate02 > header .inner::before { border-color:#6d1241; }
	.entertainmentSubSec.cate02 > header h1::before,
	.entertainmentSubSec.cate02 > header h1::after      { background-color:#6d1241; }

/*
	.entertainmentSubSec.cate03 > header .inner::before { border-color:#b56200; }
	.entertainmentSubSec.cate03 > header h1::before,
	.entertainmentSubSec.cate03 > header h1::after      { background-color:#b56200; }
*/

	.entertainmentSubSec.cate04 > header .inner::before { border-color:#b56200; }
	.entertainmentSubSec.cate04 > header h1::before,
	.entertainmentSubSec.cate04 > header h1::after      { background-color:#b56200; }

	.entertainmentSubSec.cate05 > header .inner::before { border-color:#18659a; }
	.entertainmentSubSec.cate05 > header h1::before,
	.entertainmentSubSec.cate05 > header h1::after      { background-color:#18659a; }

	.entertainmentSubSec.cate06 > header .inner::before { border-color:#9c0e1c; }
	.entertainmentSubSec.cate06 > header h1::before,
	.entertainmentSubSec.cate06 > header h1::after      { background-color:#9c0e1c; }

	.entertainmentSubSec.cate07 > header .inner::before { border-color:#00007b; }
	.entertainmentSubSec.cate07 > header h1::before,
	.entertainmentSubSec.cate07 > header h1::after      { background-color:#00007b; }

	.entertainmentSubSec.cate09 > header .inner::before { border-color:#00a2c4; }
	.entertainmentSubSec.cate09 > header h1::before,
	.entertainmentSubSec.cate09 > header h1::after      { background-color:#00a2c4; }

	.entertainmentSubSec.cate10 > header .inner::before { border-color:#bd1f24; }
	.entertainmentSubSec.cate10 > header h1::before,
	.entertainmentSubSec.cate10 > header h1::after      { background-color:#bd1f24; }



/** ================================================================================================

	Respoisive for Smart Phone

==================================================================================================== **/



	@media (max-width: 767px) {



	/** TOPページ / カテゴリーページ Entertainment枠 =========================== **/

		#entertainmentSec {
		}


		/* 見出し */
		#entertainmentSec > header {
			background-repeat: repeat;
		}

		#entertainmentSec > header p {
			margin:30px 20px 0;
			text-align:left;
		}
		#entertainmentSec > header p br {
			display:none;
		}



		/* 現在ご案内中のチケット ---------- */
	
		#entertainmentSec .onsale .list {
			margin:20px 20px 0;
		}

		#entertainmentSec .onsale .list > a {
			position:relative;
			width:100%;
			margin:10px 0 0;
		}

		#entertainmentSec .onsale a dl {
			display:block;
		}

		#entertainmentSec .onsale a dt {
			display:block;
			width:auto;
			margin:0;
			padding:5px;
			border-radius:0;
		}

		#entertainmentSec .onsale a dd {
			display:block;
			width:auto;
			border-left:0;
		}

		#entertainmentSec .onsale .date {
			text-align:left;
		}

		#entertainmentSec .onsale .title {
			font-size:10pt;
			text-align:left;
		}

		#entertainmentSec .onsale .place {
			text-align:right;
			font-size:10pt;
		}



		/* おすすめ -------------------------------------------- */

		#entertainmentSec .recommend .hevizSlider .screen {
			margin:0 20px;
		}

		#entertainmentSec .recommend .hevizSlider .screen > ul {
			width:2000%;
		}



		/* カテゴリー ---------------------- */

		#entertainmentSec .category .list {
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
	
			position:relative;
			margin:20px 20px 0;
			padding:0;
		}

		#entertainmentSec .category .list > a {
			width:calc( 50% - 4px );
			margin:0 2px 6px;
		}



		/* More ---------------------------- */

		#entertainmentSec .more {
			margin:30px 20px 0;
		}

		#entertainmentSec .more a {
			width:auto;
		}



		/* チケットの種類 ------------------ */

		#entertainmentSec .types {
			margin:30px 20px 0;
		}

		#entertainmentSec .types .head {
			float:none;
			width:auto;
		}

		#entertainmentSec .types .head h3 {
			padding:0 0 10px;
		}

		#entertainmentSec .types .head p {
			margin:10px 0 0 0;
			text-align:left;
		}

		#entertainmentSec .types .list {
			float:none;
			width:auto;
		}

		#entertainmentSec .types .list dl {
			margin:10px 0 0 0;
			padding:0;
		}

		#entertainmentSec .types .list dt {
			float:none;
			margin:0 auto;
			width:10em;
		}

		#entertainmentSec .types .list dd {
			margin:10px 0 0 0;
			padding:0;
		}



	/** サブカテゴリー用 ======================================================= **/



		/* 共通 ------------------------------------------------ */

		.entertainmentSubSec {
			padding:0 0 30px;
		}

		.entertainmentSubSec .logo {
			left:10px;
			top:10px;
		}

		.entertainmentSubSec .logo img {
		    width: 100px;
		    height: 26px;
		}



		/* ヘッダー ---------------------------------- */

		.entertainmentSubSec > header {
			width:auto;
			margin:-10px 10px 0;
			padding:5px;
		}

		.entertainmentSubSec > header h1 {
			display:block;
			width:auto;
			margin:0 0 10px;
			padding:0 0 10px;
			font-size:14pt;
			float:none;
			background:none;
		}

		.entertainmentSubSec > header h1::before { display:none; }


		.entertainmentSubSec > header p {
			display:block;
			width:auto;
			margin:0;
			font-size:10pt;
			line-height:1.8;
		}



	}