@charset "utf-8";
/* CSS Document */
.contents_inner .img_change {
	visibility: hidden;
}
#contents-body {
	padding: 0;
}			
.contents_inner {
	width: 100%;
	max-width: 1280px;
	overflow: hidden;
	margin: 0 auto;
	/* position: relative; */
	z-index: 2;
	padding: 0 0 64px;
}
.contents_inner .lay_link_bar {
	position: absolute;
	top: -99999px;
}
#contents-body .section ul{
	padding-left:0;
}
.contents_inner li{
	list-style:none;
}
#contents-body .contents_inner a,
#contents-body .contents_inner a img {
	text-decoration: none;
}
.contents_inner .view {
	position: absolute;
	top: -99999px;
}
#contents-body .section {
	margin: 0;
}
#contents-body a img,
#contents-body li img,
#contents-body h3 img,
#contents-body h4 img,
#contents-body h5 img{
	height:auto;
}
#contents-body .mobile {
	display:none;
}
#contents-body .desktop {
	display:block;
}

/*============================
#container_main
============================*/
#container_main {
	position:relative;
	background: url(/pages/contents/passo/cp/image/event/main_bg_pc.jpg) center top;text-align: center;background-size: cover;font-size: 0;overflow: hidden;}
#container_main li {display: inline-block;}
#container_main h3 {
    position: relative;
    padding-top: 5.7%;
}
#container_main h3 img:first-child{
    margin: 0 0 0.6% 1.2%;
}
#container_main h3 img.lines{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0% 0 0 16.95%;
	padding: 14.65% 0 0;
}
#contents-body .section #container_main .lead {padding-top: 3.1%;margin: 0 0 -0.2% 0.3%;}
#container_main .copy {padding: 38.1% 0.1% 4.5% 0;}
#container_main img.matsuko {position: absolute;top: 31.1%;left: 31.3%;margin: 0;}
#container_main img.logo {
    position: absolute;
    top: 31.8%;
    left: 60.6%;
}
#container_main img {
	opacity:0;
	position:relative;
}
/*============================
#container_thumb
============================*/
#container_thumb {
	position:relative;
	text-align: center;
	width: 100%;
	padding: 105px 0 0 0;
	margin-bottom: 4.4%;
	overflow: hidden;
}

#container_sns {
	position: absolute;
	top: 33px;
	right: 20px;
	z-index: 1;
}
#container_sns li {
	float: right;
	list-style: none;
	margin: 0 0 0 12px;
}

/*============================
#cts_info
============================*/
#cts_info h4 {padding: 6.4% 0 0 28.4%;width: 71.9%;font-size: 0;}
#cts_info h4 .l1{width: 100%;}
#cts_info h4 .l2{width: 121%;margin: 3.2% 0 0 -10.6%;}
#cts_info h5 {position: absolute;top: 0;margin: 17.85% 0 0 20.2%;}
#cts_info h6 {text-align: left;margin: 1.8% 0 0.6% 42.2%;font-size: 1.2em;letter-spacing: 0.14em;font-weight: 800;color: #AA1F24;}
#cts_info p {margin-left: 42.2%;text-align: left;}
#cts_info p.lead {margin: 4.3% 0 0 42.2%;font-size: 1.4em;line-height: 1.75em;letter-spacing: 0.1em;font-weight: 600;}
#cts_info a {position: absolute;display: block;top: 0;left: 0;margin: 31.7% 0 0 29.9%;width: 9.15%;}
#cts_info a img{width: 100%;}
#cts_info #info_acess {line-height: 1.7em;font-size: 1.1em;}
#cts_info #info_acess p {margin-bottom: 0;}
#cts_info #info_acess ul {text-align: left;margin-left: 42.2%;padding: 0;}
#cts_info #info_acess li {
    text-indent: -1em;
    padding-left: 1em;
}
/*============================
#cts_movie
============================*/
#cts_movie {/* display: none; */}

/*============================
#cts_schedule
============================*/
#cts_schedule h5 {padding: 0 0.5% 4% 0;}
#contents-body #cts_schedule h4 img{width: 87.9%;}
#cts_schedule ul {
	/* margin-bottom: 4%; */
	width: 80%;
	/* visibility: hidden; */
	margin: 0 auto;
}
#cts_schedule li {display: inline-block;margin: 0 2.29% 1.97%;/* width: 29.98%; */position: relative;}
#cts_schedule .btn_map_01 {
	position: absolute;
	top: 66.2%;
	left: 77.97%;
	width: 29.64%;
}
#cts_schedule .btn_map_02,
#cts_schedule .icon_exit {
	position: absolute;
	top: 4.89%;
	left: -7.09%;
	width: 29.64%;
}
#contents-body .section #cts_schedule p.cap{margin-bottom: 8.25%;margin-top: 1.6%;}
#contents-body .section p {margin-bottom: 14%;}
/*============================
#container_bottom
============================*/
.container_bnr {
	text-align: center;
	padding: 52px 0 37px;
	background: #fff;
	margin: 0 0 1px;
	position: relative;
	left: 1px;
}
.container_bnr a, .container_bnr span {
	margin: 0 10px;
}
.container_bnr span{
	opacity:0.7;	
}
.container_bnr span img {
	filter: alpha(opacity=70);
}
.container_bottom_bnr {
	text-align: center;
	padding: 12px 0 46px;
	background: #fff;
	/* margin: 0 0 64px; */
}
/*============================
#cts_movie
============================*/
#cts_movie {
	position: relative;
	text-align: left;
	padding: 0 0 50px 0;
}
#cts_movie .box_movie {
	clear: both;
	position: relative;
	padding: 0 109px;
}
#cts_movie .box_movie_02 {
	padding-top: 93px;
}
#cts_movie .box_movie_02 .box_thumb {
	float: right;
}
#cts_movie .lay_right,
#cts_movie .lay_left {
	width: 508px;
}
#cts_movie .lay_right {
	float: right;
}
#cts_movie .lay_left {
	float: left;
}
#cts_movie h4 {
	background: url(/pages/contents/passo/cp/image/event/tl_movie_dot_pc.png) no-repeat left bottom;
	padding: 0 0 23px;
}
#cts_movie .box_thumb {
	position: relative;
	/* top: 3px; */
	/* left: 109px; */
	margin: 3px 0 0 0;
	float: left;
}
#cts_movie .playmark {
	position: absolute;
	top: 110px;
	left: 221px;
}
#cts_movie p {
	font-size: 150%;
	line-height: 1.76;
	padding: 19px 0 0 2px;
	letter-spacing: 0.05em;
	/* width: 79.26%; */
	text-align: justify;
}
#cts_movie p span {
	display: inline-block;
}
#cts_movie .box_thumb img,
#cts_movie .box_thumb a {
	display: block;
}
/*============================
#popup
============================*/
#popup {
 	position: absolute;
 	top: -99999px;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 9999;
 	display: none;
}
#popup iframe {
 	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}
#popup .bg {
 	position: fixed;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: #fff;
 	opacity: 0.8;
}
#popup .container {
	position: relative;
	margin:0 auto;
	max-width: 1220px;
}
#popup .container_movie {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	background: #000;
}
#popup .btn_close {
	position: absolute;
	top: -100px;
	right: 0;
	width: 80px;
}
#popup .btn_close img {
	display: block;
}
#popup .btn_close span {
	height: 0;
	padding-bottom: 100%;
	overflow: hidden;
	display: block;
}

/*============================
#cts_01
============================*/
#cts_01 {
	padding: 0 0 8.5% 0;
}
#cts_01 .lead01 {
	padding: 0 0.5% 6.7% 0;
}
#cts_01 .link_01 {
	margin: 0 0 0 0;
}
#cts_01 .link_02 {
    margin: 2.9% -0.6% 0 5.8%;
}
#cts_01 a {
	display: inline-block;
	vertical-align: top;
}

/*============================
#cts_present
============================*/
#cts_present {
	padding: 0 0 3.8%;
}
#cts_present h4 {
	background:url(/pages/contents/passo/cp/image/event/sns_tl_dot_pc.png) no-repeat;
	width: 664px;
	margin: 0 auto;
	padding: 2.1% 1% 5.9% 0;
}
#cts_present dl {
	font-weight: bold;
	font-size: 157.14%;
	letter-spacing: 0.08em;
	line-height: 1;
	margin: 0 0 3.2%;
}
#cts_present dt,
#cts_present dd {
	display: inline-block;
	white-space: nowrap;
	position: relative;
}
#cts_present dd {
	padding: 0 5.9% 0 0;
}
#cts_present dd a {
	vertical-align: top;
	display: inline-block;
	position: absolute;
	margin: -2.4% 0 0;
	right: -2.8%;
	top: 0;
}
.section #cts_present p {
	font-size: 150%;
	line-height: 1.762;
	letter-spacing: 0.11em;
	margin: 0;
}
.section #cts_present .cap {
	font-size: 100%;
	font-weight: 300;
}
.section #cts_present .cap_01 {
	margin: 1.9% 0 1%;
}

/*============================
#cts_wheres
============================*/
#cts_wheres {
	text-align: left;
	font-size: 142.86%;
	line-height: 1.7;
	width: 784px;
	margin: 0 auto;
	padding: 0 0 8.7%;
	letter-spacing: 0.13em;
}
#cts_wheres h4 {
	margin: 0 auto 5.4%;
	text-align: center;
	background: url(/pages/contents/passo/cp/image/event/wheres_tl_dot_pc.png) no-repeat left bottom;
	padding: 0 0 3.4%;
}
#cts_wheres h5 {
	padding: 0 0 5.4% 0.1%;
}
#cts_wheres .lay_left {
	float: left;
	width: 67.6%;
	margin: 0 -16% 0 0.2%;
	position: relative;
}
#cts_wheres .img_01 {
	float: right;
	margin: 0.9% -8% 0 0;
}
.section #cts_wheres ol {
	padding: 0 0 4.2% 2em;
	text-indent: -2em;
	margin: 0 0 0 1%;
}
.section #cts_wheres ol img {
	width: 1.5em;
	margin: 0 0.5em 0 0;
	vertical-align: top;
}
.section #cts_wheres ol li {
	margin: 0 0 0.5em;
}
#cts_wheres ul li:before {
	content: "\0030fb";
	
}
@media screen and (max-width: 1279px) {
	#contents-body a img,
	#contents-body li img,
	#contents-body h3 img,
	#contents-body h4 img,
	#contents-body h5 img,
	#contents-body .lead01 img{
		width:100%;
		height:auto;
	}

	/*============================
	#container_main
	============================*/
	#container_main li:nth-child(1){
	width: 10.5%;
	}
	#container_main li:nth-child(2){
	width: 11.4%;
	}
	#container_main li:nth-child(3){
	width: 10.1%;
	}
	#container_main h3 {
	width: 31.4%;
	margin-left: 34.5%;
	}
	#container_main h3 img:nth-child(1){
	margin-bottom: 2%;
	}
	#container_main h3 img:nth-child(3){
	width: 174.7%;
	margin-left: -37.9%;
	}
	#container_main h3 img.lines {
	width: 209.9%;
	margin: 46.7% 0 0 -55.9%;
	padding-top: 0;
	}
	#container_main .copy {
	width: 52.3%;
	margin: 0 auto;
	}
	#container_main .copy img{
		width: 100%;
		height:auto;
	}
	#container_main .matsuko {
	width: 39%;
	height: auto;
	}
	#container_main .logo {
	width: 10.93%;
	height: auto;
	}

	/*============================
	#container_thumb
	============================*/
	#container_sns {
        width: 100%;
    }
	#container_sns li {
        width: 3.6%;
        margin: 0 0 0 0.7%;
    }
	#container_thumb {
		padding-top: 8.28%;
	}
	
	/*============================
	#cts_info
	============================*/
	#cts_info h5 {
	width: 16.65%;
	}
	/*============================
	#cts_schedule
	============================*/
	#cts_schedule h5 {
		width: 35.89%;
		margin: 0 auto;
	}
	#cts_schedule li {
		width: 34.8%;
	}
	.container_bnr {
        padding: 0 0 0;
        margin: 7.2% 0 0;
        white-space: nowrap;
    }
    .container_bnr a, .container_bnr span {
        width: 22.7%;
        display: inline-block;
        margin: 0 0.8% 0%;
    }
   .container_bnr span img{
        width: 100%;
    }
    .container_bottom_bnr {
        padding: 4.2% 0 3.4%;
        width: 95.5%;
        margin: 0 auto;
    }
	/*============================
	#cts_movie
	============================*/
	#cts_movie {
		padding: 0 0 10.25% 0;
	}
	#cts_movie .box_movie {
		padding: 0 8.53%;
	}
	#cts_movie .lay_right, #cts_movie .lay_left {
		width: 47.92%;
	}
	#cts_movie .box_movie_02 {
		padding-top: 7.28%;
	}
	#cts_movie h4 {
		background-size: 100% auto;
		padding: 0 0 4.06%;
		width: 100%;
	}
	#cts_movie .box_thumb {	
		width: 47.64%;
	}
	#cts_movie .playmark {
		top: 38.73%;
		left: 43.76%;
		width: 12.48%;
	}
	#cts_movie p {
		padding: 2.92% 0 0 0.32%;
	}
	/*============================
	#cts_01
	============================*/
	#cts_01 .lead01 {
		width: 69.04%;
		margin: 0 auto;
	}
	#cts_01 .link_01 {
		width: 24%;
	}
	#cts_01 .link_02 {
		width: 42.46%;
	}
	
	/*============================
	#cts_present
	============================*/
	#cts_present h4 {
		width: 51.92%;
		padding-left: 3.2%;
		padding-right: 4%;
		background-size: 100% auto;
	}
	#cts_present dd a {
		width: 21.39%;
	}
	
	/*============================
	#cts_wheres
	============================*/
	#cts_wheres {
		width: 61.35%;
	}
	#cts_wheres h4 {
		background-size: 100% auto;
		padding: 0 10.3% 3.4% 9.8%;
	}
	#cts_wheres h5 {
		width: 26.42%;
	}
	#cts_wheres .img_01 {
		width: 47.58%;
	}
}
@media screen and (max-width: 1220px) {
	#popup .btn_close {
		width: 6.5%;
		top: 0;
		-ms-transform: translateY(-120%);
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%);
	}
}
@media screen and (max-width: 767px) {
	#contents-body a img,
	#contents-body li img,
	#contents-body h3 img,
	#contents-body h4 img,
	#contents-body h5 img{
		width:100%;
		height:auto;
	}
	#contents-body .desktop {
		display:none;
	}
	#contents-body .mobile {
		display:block;
	}
	/*============================
	#container_main
	============================*/
	#container_main {position:relative;background: url(/pages/contents/passo/cp/image/event/main_bg_sp.jpg) center top;text-align: center;background-size: cover;font-size: 0;}
	#container_main h3 img:first-child{
		margin: 0 0 2.4% 1%;
	}
	#container_main h3 img.lines{position: absolute;top: 0;left: 0;margin: 6.55% 0 0 23.9%;}
	#contents-body .section #container_main .lead {padding-top: 3.8%;margin: 0px 0 -0.2% 0.4%;}
	#container_main .copy {padding: 43.2% 0 4.5% 0;}
	#container_main img.matsuko {position: absolute;top: 36.05%;left: 29.55%;}
	#container_main img.logo {
		position: absolute;
		top: 0;
		margin: 0;
		top: 33.3%;
		left: 59.2%;
	}
	#container_main li:nth-child(1){
	width: 13.2%;
	}
	#container_main li:nth-child(2){
	width: 14.2%;
	}
	#container_main li:nth-child(3){
	width: 12.7%;
	}
	#container_main h3 {
	width: 40.3%;
	margin-left: 30.2%;
	padding-top: 5.2%;
	}
	#container_main h3 img:nth-child(3){
	width: 174.7%;
	margin-left: -37.9%;
	}
	#container_main h3 img.lines {
	width: 210.4%;
	padding-top: 41.7%;
	margin: 0 0 0 -56.2%;
	}
	#container_main .copy {
	width: 67.1%;
	margin: 0 auto;
	}
	#container_main .copy img{
		width: 100%;
		height:auto;
	}
	#container_main .matsuko {
	width: 41.8%;
	height: auto;
	}
	#container_main .logo {
	width: 14.13%;
	height: auto;
	}

	/*============================
	#container_thumb
	============================*/
	#container_thumb {
	margin-bottom: 10%;
	padding-top: 0;
	}
	#container_sns {
        width: 100%;
        text-align: center;
        top: 0;
        right: 34.2%;
        margin: 4.7% 0 0 0;
    }
    .section .contents_inner #container_sns {
    	position: relative;
    	right: 34.3%;
    	margin-top: 0;
    	padding-top: 4.4%;
    }
    #container_sns li {
        width: 8.1%;
        margin: 0 0 0 3.5%;
    }
	
	/*============================
	#cts_info
	============================*/
	#cts_info h4 {
	padding: 16.5% 0 0 18.1%;
	width: 81.7%;
	}
	#cts_info h4 .l1 {
		margin-left: -10.2%;
		width: 121.3%;
	}
	#cts_info h4 .l2 {
		margin: 3.7% 0 0 -10.6%;
	}
	#cts_info h5 {
	position: relative;
	width: 25.95%;
	margin: 3.35% 0 0 10.3%;
	}
	#cts_info p.lead {margin: -21.2% 0 0 39.2%;font-size: 0.8em;line-height: 1.85em;letter-spacing: 0;font-weight: 600;}

	/*============================
	#info_acess
	============================*/
	#info_acess {
	}
	#info_acess h6 {
	margin: 3% 0 0.8% 11.8%;
	font-size: 0.9em;
	}
	#cts_info #info_acess {
		line-height: 1.35em;
		margin-top: 8.2%;
	}
	#cts_info #info_acess p {
	margin-left: 11.8%;
	font-size: 0.73em;
	}
	#cts_info #info_acess ul {
	font-size: 0.73em;
	margin-left: 11.8%;
	}
	#cts_info #info_acess li {
	}
	#cts_info a {
		position: relative;
		margin: -17.3% 0 8% 66.1%;
		width: 22.8%;
	}
	
	/*============================
	#cts_schedule
	============================*/
	#cts_schedule h5 {
		font-size: 0;
		margin: 0.7% 0 2.75% 12.65%;
		width: 74.58%;
	}
	#contents-body #cts_schedule h4 img{width: 79.5%;}

	#cts_schedule ul {/* margin-bottom: 1.3%; */width: 100%;}
	#cts_schedule li {margin: 0 2.03%;}

	#cts_schedule li {
	width: 44.71%;
	margin: 0 1.35% 0.78%;
	}
	#contents-body .section #cts_schedule p.cap {
		font-size: 0.8571em;
		margin-bottom: 0;
		margin-top: 3.7%;
	}
	 .container_btn a {
        width: 76.4%;
        margin: 0 0 3.8%;
    }
	.container_bnr {
        padding: 0 0 0;
        margin: 10% 0 0;
        white-space: normal;
    }
    .container_bnr a, .container_bnr span {
        width: 36%;
        display: inline-block;
        margin: 0 2.1% 4.2%;
    }
    .container_bnr span img{
        width: 100%;
    }
    .container_bottom_bnr {
        padding: 4.2% 0 3%;
        width: 76.4%;
        margin: 0 auto;
    }
	/*============================
	#cts_movie
	============================*/
	#cts_movie {
		padding: 14% 0 1.8% 0;
		width: 76.66%;
		margin: 0 auto;
	}
	#cts_movie .box_movie {
		padding: 0;
	}
	#cts_movie .box_movie_02 {
		padding-top: 15.1%;
	}
	#cts_movie .lay_right,
	#cts_movie .lay_left {
		float: none;
		width: auto;
	}
	#cts_movie h4 {
		background:url(/pages/contents/passo/cp/image/event/tl_movie_dot_sp.png) left bottom no-repeat;
		background-size: 100% auto;
		padding: 0 0 6.06%;
		width: 100.85%;
		margin: 0 0 0 -0.4%;
	}
	ts_movie h4 img {
		width: 99.83%;
	}
	#cts_movie .box_thumb {
		top: 0;
		left: 0;
		width: 100%;
		position: relative;
	}
	#cts_movie .playmark {
		top: 0;
		padding-top: 21.77%;
	}
	#cts_movie p {
		padding: 4.42% 0 5.5% 0;
		font-size: 100%;
		width: auto;
		letter-spacing: 0.1em;
	}
	/*============================
	#popup
	============================*/
	#popup .btn_close {
		width: 6.5%;
		top: 0;
		-ms-transform: translateY(-120%);
		-webkit-transform: translateY(-120%);
		transform: translateY(-120%);
	}
	/*============================
	#cts_01
	============================*/
	#cts_01 .lead01 {
		width: 87.74%;
		padding: 13.3% 0% 10.9% 0;
	}
	#cts_01 .link_01 {
		width: 52.54%;
	}
	#cts_01 .link_02 {
		width: 83.31%;
		margin: 10.9% -0.6% 5.4% -0.3%;
	}
	/*============================
	#cts_present
	============================*/
	#cts_present h4 {
		background-image:url(/pages/contents/passo/cp/image/event/sns_tl_dot_sp.png);
		background-size: 100% auto;
		width: 76.66%;
		padding: 3.8% 6.3% 9.9% 6.7%;
	}
	#cts_present dl {
		font-size: 114.28%;
		line-height: 1.56;
	}
	#cts_present dt {
		display: block;
	}
	#cts_present dd {
		display: block;
		font-size: 118.75%;
		/* margin: 0 0 0.6%; */
		padding: 0;
	}
	#cts_present dd span {
		display: none;
	}
	#cts_present dd a {
		width: 14.99%;
		display: block;
		margin: 1% auto 3.4%;
		left: 0;
		position: relative;
	}
	.section #cts_present p {
		font-size: 128.57%;
		line-height: 1.89;
		letter-spacing: 0.08em;
	}
	.section #cts_present .lay_indent {
		padding-left: 0.5em;
	}
	.section #cts_present .cap {
		font-size: 0.8571em;
		line-height: 1.75;
		margin: 1.9% 0 1%;
		padding-bottom: 3.4%;
	}
	.section #cts_present .cap_01 {
		margin: 4.4% 0 4.7%;
		padding: 0;
	}
	/*============================
	#cts_wheres
	============================*/
	#cts_wheres {
		font-size: 92.89%;
		width: 77.44%;
		padding: 10.5% 0 0;
	}
	#cts_wheres h4 {
		background-image: url(/pages/contents/passo/cp/image/event/wheres_tl_dot_sp.png);
		/* width: 77.44%; */
		padding: 0 9% 5.9% 10.9%;
		margin-bottom: 6.2%;
	}
	#cts_wheres h5 {
	width: 30.13%;
	padding-left: 0%;
	}
	#cts_wheres .lay_left {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	#cts_wheres .img_01 {
		float: none;
		width: 109.43%;
		margin: -0.3% 0 -0.7% -3.7%;
	}
}