@charset "utf-8";
/* CSS Document */
.contents_inner .img_change {
	visibility: hidden;
}
#contents-body {
	padding: 0;
}			
#container_main img {
    opacity: 0;
    position: relative;
}
#container_main h3 img.lines {
    position: absolute;
    top: 0;
    left: 0;
    margin: 14.65% 0 0 16.95%;
}
#contents-body .section {
	margin-right: 0;
	margin-left: 0;
}
#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_inner {
	max-width: 767px;
	margin: 0 auto;
}
/*============================
#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: 42.1% 0 4% 0;}
#container_main img.matsuko {position: absolute;top: 34.55%;left: 29.55%;}
#container_main img.logo {
	position: absolute;
	top: 0;
	margin: 0;
	top: 31.8%;
	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%;position: relative;}
#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: 61.15%;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: 3.6%;}
#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: 20.2%;
	margin-top: 0;
	padding-top: 5.6%;
}
#container_sns li {
	width: 24.33%;
	margin: 0 0 0 15.47%;
	float: right;
	list-style: none;
}
#container_share {
	text-align: center;
	font-size: 128.57%;
	padding: 6.1% 0 0 0;
}
#contents-body #container_share p {
	line-height: 1.61;
	letter-spacing: 0.1em;
}
#contents-body #container_share .txt_01 {
	margin-bottom: 0.7em;
}

/*============================
#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 h4 {font-size: 0;background: url(/pages/contents/passo/cp/image/event/tl_dot_sp.png) no-repeat center top;margin: 7.6% 0 5.05% 11.85%;padding: 3.67% 0 3.51% 0.3%;width: 75.9%;background-size: 100% 100%;}
#contents-body #cts_schedule h4 img{width: 79.5%;}

#cts_schedule ul {margin-bottom: 1.3%;}
#cts_schedule li {margin: 0 2.03%;}

#cts_schedule li {
width: 40.1%;
margin-bottom: 3.9%;
}
#contents-body .section #cts_schedule p.cap {
	font-size: 0.58em;
	margin-bottom: 0;
}
 .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;
}
@media screen and (max-width:768px) {
	#contents-body .desktop {
	display:none;
	}
	#contents-body .mobile {
		display:block;
	}
}

#knTrace {
	margin-top: -99px;
}