@charset "utf-8";
#titleBlock{margin: 0;}
.tblSet{
	display:flex;
	width:100%;
	align-items: center;
}
.tblSet > *{
	display:block;
	width:50%;
}


.paging,
#event .title,
#event .sec{
	margin:0 auto;
	width:90vw;
	max-width:1000px;
	word-wrap:break-word;
}
#event .sec+.sec{margin-top:50px;}
.mv .tag,
#event .title .tag span{
	color: #fff;
	font-size: 1.0rem;
	font-style: normal;
	text-align: center;
	display: inline-block;
	min-width: 100px;
	padding: 8px 10px 6px;
	margin-right: 10px;
}
.tagGr,
.tagGr li{display: inline-block;}
#event .title time{
	color: #00405f;
	font-size: 1.222rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
}
#event .title .endMsg{
	color: #006def;
	font-size: 1.05rem;
}
#pagerBox{
	width:calc(100% - 20px);
	margin-top: 36px;
	text-align: center;
}
#pagerBox .pager,
.newstype .pager{margin: 16px auto;}
#pagerBox .pager li,
.newstype .pager li{
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0 5px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 18px;
	font-size: 1.6rem;
	line-height:1.0;
	vertical-align: middle;
	text-align: center;
}
#pagerBox .pager li span,
.newstype .pager li span{
	display: block;
	padding-top:9px;
	font-weight: bold;
	color: #00405f;
}
#pagerBox .pager li a,
.newstype .pager li a{
	display: block;
	padding-top:9px;
}
#pagerBox .pager li a:hover,
.newstype .pager li a:hover{text-decoration: none;}
#relations{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
	width:calc(90vw + 20px);
	max-width: 1020px;
	margin:0 auto;
}
#relations h2{
	display:block;
	width:calc(100% - 20px);
}


/****************************
events Top New
*****************************/
article#eventTop{
	display:block;
	max-width:1000px;
	margin: 0 auto;
}
article#eventTop .eventTopInner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#eventsPage #titleBlock .jpName[data-category="otemachi"]{color:#00405f;}
#eventsPage #titleBlock .jpName[data-category="akihabara"]{color:#42544a;}
#eventsPage #titleBlock .jpName[data-category="akihabara2"]{color:#b00e0c;}
#eventsPage #titleBlock .jpName[data-category="minamiaoyama"]{color:#236b36;}
#eventsPage #titleBlock .jpName[data-category="l-lab"]{color:#fed900;}
#eventsPage #titleBlock .jpName[data-category="kamikitazawa"]{color:#166c2c;}
#eventsPage #titleBlock .jpName[data-category="kawasaki"]{color:#62325b;}
#eventsPage #titleBlock .jpName[data-category="harajuku"]{color:#eb523a;}
#eventsPage #titleBlock .jpName[data-category="imaizumi"]{color:#dc0976;}
#eventTop .eventList,
#relations .eventList{background:#e7e7e7;}
#relations .eventList{margin:0;}
section:not(.mv){
	width:100%;
	box-sizing: border-box;
}
#noPostBox{text-align: center;}
#eventTop .eventList a,
#relations .eventList a{text-decoration: none;}
#eventTop .eventList a:hover,
#relations .eventList a:hover{color: currentColor;}
#eventTop .eventList figure{
	position:relative;
	overflow:hidden;
}
#eventTop .eventList figure:before{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: relative;
	z-index: 2;
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.05) inset;
}
#eventTop .eventList.newIcon .txtBox ul.tagGr,
#relations .eventList .newIcon .txtBox ul.tagGr{vertical-align: top;}
#eventTop .eventList .txtBox h3,
#relations .eventList .txtBox h3{line-height: 1.6;}
#eventTop .eventList .txtBox time,
#relations .eventList .txtBox time{
	font-size: 1.0rem;
	letter-spacing: 0;
}
#eventTop .eventList .txtBox time span.update,
#relations .eventList .txtBox time span.update{
	display: block;
	width: 100%;
}
#eventTop .eventList.newIcon .txtBox time span.update:after,
#relations .eventList.newIcon .txtBox time span.update:after{
	content: "NEW";
	display: inline-block;
	margin-left: 16px;
	color: #D22C2C;
	font-family: "Heebo","Helvetica Neue",sans-serif!important;
	font-weight: bold;
	letter-spacing: 0.15rem;
}
#eventTop .eventList .txtBox time span.alph.sch,
#relations .eventList .txtBox time span.alph.sch{margin-right: 15px;}
#eventTop .eventList .txtBox .txt,
#relations .eventList .txtBox .txt{line-height: 2.0;}
#eventTop .eventList .txtBox .more,
#relations .eventList .txtBox .more{
	position:relative;
	display: inline-block;
	font-weight: bold;
}
#relations .eventList .txtBox .more{margin-top:16px;}
#eventTop .eventList a:hover .txtBox .more,
#relations .eventList a:hover .txtBox .more{text-decoration: underline;}
#eventTop .eventList .txtBox .more:after,
#relations .eventList .txtBox .more:after{
	font-family: FontAwesome;
	content: "\f105";
	display: block;
	position:absolute;
	top:0;
	right: -16px;
}
#eventTop #tagBox,
#eventsPage #tagBox{
	width:calc(100% - 20px);
	text-align:center;
}
#eventsPage #tagBox{
	max-width:1000px;
	margin:10px auto;
}
#eventTop .eventTopInner + #tagBox{margin-top:40px;}
#eventTop #tagBox .tagGr{margin-top:-5px;}
#eventTop #tagBox li,
#eventsPage #tagBox li{margin-top: 5px;}
#eventTop #tagBox li a span,
#eventsPage #tagBox li a span{min-width:142px;}
#eventTop .archivesList{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin:0 auto 50px;
}
#eventTop .archivesList li{
	display:block;
	margin:8px 2px 0;
	font-size:1.8rem;
}
#eventTop .archivesList li a{
	display:inline-block;
	padding:8px 16px;
	background:#e7e7e7;
}
#eventTop #noPostBox{min-height:200px;}


/****************************
events Top
*****************************/
section.mv .linkInner{
	position:absolute;
	top: 0;
	left: 0;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height:100%;
}
section.mv a{
	display: block;
	position: relative;
	width: 100%;
	height:100%;
	color: #fff;
}
section.mv h3{
	margin:12px auto;
	line-height: 1.57;
}
section.mv .more{
	margin-top:3.6vw;
	font-size: 2.3rem;
}
section.mv .tag{margin: 0;}
section.mv .more{
	position: relative;
	display: inline-block;
	padding-right: 38px;
}
section.mv .more:after{
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 18px;
	margin-top: -9px;
	content: "";
	background:url(../../common/img/pink-arrow-next.svg) no-repeat center center;
	background-size:contain;
}
.mv .schedule{
	margin-top:16px;
	text-align: center;
}
.mv .schedule dt{font-size: 1.0rem;}
.mv .schedule dd{
	margin-bottom: 0;
	font-size: 1.2rem;
}


/* detail */
/********************/
/* title */
.article #event{position: relative;}
#event .title {
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
}
#event .title h1 {
	font-size:2.777rem;
	margin: 10px 0 30px;
}
#event .title .schedule{width:calc(100% - 96px);}
#event .title dt {
	color: #00405f;
	font-weight: normal;
	letter-spacing: 0.1rem;
}
#event .title .sns {
	position: absolute;
	right: 0;
	/*bottom: 22px;*/
    bottom: 0;
}
#event .title .sns dt {
	text-align: right;
	font-weight: bold;
}
#event .title .sns dd {
	display: inline-block;
	vertical-align: middle;
	width:24px;
	height:24px;
	margin-top:6px;
}
#event .title .sns dd a{display: block;}

/* section */
#event .sec h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	line-height: 1.6;
	letter-spacing: 0;
}
#event .sec .red{color:#ff0000;}
#event .sec p {
	line-height: 1.8;
	margin-bottom: 2rem;
}
#event .sec dl{
	margin-bottom:2rem;
}
#event .sec dl *+dt{margin-top:1.2rem;}
#event .sec dl *+dd{margin:6px 0 0;}
#event .sec dl.tbl,
#event .sec dl.stelDl{width: 100%;}
#event .sec dl.tbl:after{
	display: block;
	clear: both;
	content: "";
}
#event .sec dl.tbl dt,
#event .sec dl.tbl dd,
#event .sec dl.stepDl dt,
#event .sec dl.stepDl dd{display: block;}
#event .sec dl.tbl.tblJusty dt{
	position: relative;
	padding-right:14px;
	box-sizing: border-box;
	text-align:justify;
	text-align-last:justify;
	text-justify:inter-ideograph;
}
#event .sec dl.tbl.tblJusty dt:after{
	content: "：";
	position: absolute;
	top: 0;
	right: 0;
}
#event .sec dl.strongTbl dt,
#event .sec dl.strongTbl dd{font-weight: bold;}
#event .sec table.commonTbl{
	margin-bottom: 36px;
	border-top:1px solid #eee;
}
#event .sec table.commonTbl tr+tr{border-top:1px solid #eee;}
#event .sec table.commonTbl tr:last-child{border-bottom:1px solid #eee;}
#event .sec table.commonTbl th{
	padding:8px 20px;
	font-weight: bold;
}
#event .sec table.commonTbl td{padding:8px 20px;}
#event .sec a {
	color: #00405f;
	font-weight: bold;
}
#event .sec .relatedLinks{
	display:block;
	margin:5vw auto;
	padding: 16px 36px;
	background:#f0f0f0;
}
#event .sec .relatedLinks dt{
	display: block;
	width: 40%;
	font-weight: bold;
	font-size: 1.6rem;
}
#event .sec .relatedLinks dd{
	display: block;
	width: 60%;
	margin: 0;
	font-size:1.4rem;
}
#event .sec .relatedLinks dd ul,
#event .sec .relatedLinks dd ul li,
#event .sec .relatedLinks dd a{display:block;}
#event .sec .relatedLinks dd a:before{
	content: "―";
	display: inline-block;
	margin-right:6px;
}
#event figure a.pdfLink{
	display:block;
	position: relative;
}
#event figure a.pdfLink:after{
	content: "";
	display:block;
	width:102px;
	height:126px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -63px 0 0 -51px;
	background:url("/newsroom/img/pdf-icon.svg") no-repeat left top;
	background-size: contain;
	opacity: 0;
	transition: all 0.4s;
}
#event figure a.pdfLink:hover:after{opacity: 1;}
#event .sec div.scheduleLinks{margin-bottom:36px;}
#event .sec div.scheduleLinks:after{
	content: "";
	display: block;
	clear: both;
}
#event .sec div.scheduleLinks a{
	float: right;
	display: inline-block;
	background:#f4d45b;
	padding:16px 10px;
	width: 160px;
	box-sizing: border-box;
	font-size: 1.6rem;
	line-height: 1.0;
	text-align: center;
	color: #000;
	font-family: "Heebo","Helvetica Neue",sans-serif!important;
}
#event .sec div.scheduleLinks a:hover{text-decoration: none;}
#event .sec div.scheduleLinks a:after {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f061";
	font-size: 11px;
	font-size: 1.1rem;
	width: 0px;
	opacity: 0;
	transform: translateX(-15px) rotateX(-90deg);
	transition: 0.4s 0s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition-property: width, opacity, transform, margin-left;
	margin-left: 0px;
	vertical-align: 2px;
}
#event .sec div.scheduleLinks a:hover:after{
	width: 14px;
	-webkit-transform: translateX(0px) rotateX(0deg);
	transform: translateX(0px) rotateX(0deg);
	opacity: 1;
	margin-left: 5px;
}
#event .sec p.caution,
#event .sec ul.caution li{
	display:block;
	position:relative;
	padding-left:20px;
}
#event .sec p.caution:before,
#event .sec ul.caution li:before{
	content:"※";
	position:absolute;
	top:0;
	left:0;
}
#event .sec .red{color:#dc143c;}
#event .sec .inline {display: inline;}
#event .sec ol.numbered li {
	list-style:decimal
}
#event .sec ul.disc li{
	list-style:disc
}
#event .sec ol.numbered,
#event .sec ul.disc {
	padding-left: 20px;
}
#event .sec ol.numbered li,
#event .sec ul.disc li {
	margin-bottom: 5px;
}
/* list */
.mb0 {
	margin-bottom: 0 !important;
}
.sec h3{
	display: block;
	margin-bottom:2rem;
	font-size:2.1rem;
	line-height: 1.8;
}
.sec h3.mb0 {
	margin-bottom: 0;
}
.sec h3 span{
	font-weight:normal;
	font-size:1.4rem;
}
.sec *+h3{margin-top: 4rem;}
.sec h4{
	display: block;
	margin-bottom:2rem;
	font-size:1.8rem;
	line-height: 1.8;
}
.sec *+h4{margin-top:3rem;}
.sec ol.list {counter-reset: item;}
.sec ul.list li,
.sec ol.list li {
	padding:0 0 2.5rem 3.5rem;
	position: relative;
}
.sec dd ul.list li:last-child,
.sec dd ol.list li:last-child{padding-bottom: 0;}
.sec ol.list li:before{
	counter-increment: item;
	content:'0' counter(item);
	padding-right:0.5rem;
	color: #233f6d;
	font-size: 1.277rem;
	font-weight: bold;
	position: absolute;
	left: 1px;
	top:1px;
	font-family: "Accurat","Helvetica Neue",sans-serif;
	letter-spacing: 0.1rem;
}
.sec ol.list li:after {
	content: '';
	height: 3px;
	width: 20px;
	display: block;
	background-color: #233f6d;
	position: absolute;
	left: 0;
	top: 1.6rem;
}
.sec ul.list li:before {
	content: '';
	height: 3px;
	width: 20px;
	display: block;
	background-color: #233f6d;
	position: absolute;
	left: 0;
	top:1rem;
}
.sec .thumb-left {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 640px) {
	.sec .thumb-left {
		flex-direction: column;
	}
}
.sec .thumb-left .thumb-left-img {
	width: 200px;
	margin-right: 30px;
	flex-shrink: 0;
}
#event figcaption.upArrow-center{
	text-align: center;
}
@media screen and (max-width: 640px) {
	.sec .thumb-left .thumb-left-img {
		margin: 0 auto;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 640px) {
	.thumb-left-text h4{
		text-align: center;
	}
}
/* img */
@media screen and (min-width: 769px) {
	.col-3{
		padding-left: -10px;
		margin-left: 0px;
	}
	.col-3 img{
		padding-left: 10px;
	}
}
article#event figure,
article#event .figGroup{
	margin:60px auto;
	width:96%;
	max-width:1000px;
	text-align:center;
}
article#event figure.caption-none {
    margin: 30px auto;
}
article#event figure.mt0,
article#event .figGroup.mt0 {
	margin-top: 0;
}
article#event figure.has-title {
	margin-top: 15px;
}
article#event figure img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
article#event figure.low {max-width:600px;}
article#event .spacer {
	border: none;
	margin-top: 45px;
}
#event figcaption{
	font-size:1.2rem;
	color: #acacac;
	margin:1.5vw 2vw 0;
}
#event figcaption.fig-link:not(.tblSet):before {
	display: none;
}
#event figcaption.fig-link a {
	display: inline-block;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #000;
	color: #fff;
	padding: 10px 30px;
}
#event figcaption.fig-link a:hover {
	background-color: #00405f;
	text-decoration: none;
}
@media screen and (max-width: 1024px) {
	#event figcaption.fig-link a {
		margin-top: 15px;
	}
}
#event figcaption.fig-link p:before {
	content: "\f0d8";
	font-family: FontAwesome;
	background-color: transparent;
	margin-right: 1em;
	display: inline-block;
}
#event figcaption.tblSet{margin:1.5vw auto 0;}
#event figcaption:not(.tblSet):before,
#event figcaption.tblSet > *:before{
	content: '';
	display: inline-block;
	background-color: #acacac;
	vertical-align: middle;
	height: 3px;
	width: 20px;
	margin-right: 2rem;
}
#event figcaption.upArrow:before{
	content:"\f0d8";
	font-family:FontAwesome;
	background-color:transparent;
	width:auto;
	height:auto;
}
#event .eventSlider{
	margin:60px auto;
	width:96%;
	max-width:900px;
}
#event .eventSlider figure{margin: 0;}
#event .eventSlider .slick-dots{
	position: absolute;
	text-align: right;
}
#event .eventSlider .slick-dots li{
	display:inline-block;
	text-align:left;
}
#event .eventSlider .slick-dots li button{
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	line-height: 0;
	font-size: 0px;
	text-indent: -9999px;
	background: #fff;
}
#event .eventSlider .slick-dots li.slick-active button{background: #006de1;}

/* paging */
/********************/
.paging {
	margin: auto !important;
	padding:30px 0;
	text-align: center;
}
.paging li {
	font-size:1.4rem;
	line-height: 1;
	display: inline-block;
}
.paging li a.more,
#event .sec a.more{
	position: relative;
	display: inline-block;
	padding-right:12px;
}
.paging li a.more:after,
#event .sec a.more:after{
	font-family: FontAwesome;
	content: "\f105";
	display:block;
	position: absolute;
	top:0;
	right:0;
}
#event.article20191213 table.commonTbl + ul.list{margin-top:-24px;}
#event.article20191213 ul.list{margin-bottom:36px;}
#event.article20191213 ul.list li{padding-bottom:6px;}

.responsive-table-container {
	overflow-x: scroll;
	margin-bottom: 30px;
}
.responsive-table-container .responsive-table {
	width: 100%;
}
.responsive-table-container .responsive-table thead th,
.responsive-table-container .responsive-table thead td {
	background-color: #eaeaea;
	font-weight: bold;
}
.responsive-table-container .responsive-table td,
.responsive-table-container .responsive-table th {
	border: #ccc solid 1px;
	padding: 10px 15px;
	vertical-align: top;
	white-space: nowrap;
}
.text-center {
	text-align: center;
}
#news20210222 {
	table-layout: fixed;
}
#news20210222 td, #news20210222 th {
	width: 25%;
}
.red-line-mid {
	position: relative;
	display: inline-block;
	text-decoration-line: line-through;
  -webkit-text-decoration-line: line-through;
  text-decoration-color: red;
  -webkit-text-decoration-color: red;
	
}

@media screen and (max-width:640px){
	.responsive-table-container .responsive-table{
		width: auto;
	}
	#news20210222 {
		table-layout:auto;
	}
	#news20210222 td, #news20210222 th {
		width: auto;
	}
}
@media screen and (min-width:1081px){
	/*article*/
	article#event {margin:80px 10px 70px;}
	#event .sec h2{
		font-size:2.8rem;
		margin:36px auto 6px;
	}

	article#eventTop{width:1000px;}
	#eventTop .eventList:not([data-int="0"]) .txtBox{padding:30px;}
	#relations h2{margin:80px auto 36px;}
	#relations .eventList .txtBox{padding:20px;}
	#eventTop .eventList .txtBox h3,
	#relations .eventList .txtBox h3{
		margin:8px 0;
		font-size: 2.2rem;
	}
	#eventTop .eventList .txtBox .more{font-size:1.6rem;}
	#eventTop .eventList[data-int="0"] a .txtBox{padding:0 40px;}
	#eventTop .eventList[data-int="0"] a .txtBox .txt{margin:20px 0 30px;}
	article#event figure.low {width:30%;}
	#event.article20191213 .sec table.commonTbl{width:560px;}
	#relations .eventList{
		width:calc(33.3333% - 12px);
		margin: 0 5px;
	}
}
@media screen and (min-width:769px) and (max-width:1080px){
	/*article*/
	article#event{margin: 8vw 1vw 7vw;}
	#event .sec h2{
		font-size:2.4rem;
		margin:3.6vw auto 0.5vw;
	}
	
	/****************************
	events Top
	*****************************/
	article#eventTop{margin:0 10px 10px;}
	#relations h2{margin:56px auto 24px;}
	#relations .eventList{width:calc(50% - 12px); margin: 0 6px;}
	#relations section.eventList:last-child{margin-top:10px;}
	#eventTop .eventList:not([data-int="0"]) .txtBox,
	#relations .eventList .txtBox{padding:16px;}
	#eventTop .eventList .txtBox h3,
	#relations .eventList .txtBox h3{
		margin:12px 0;
		font-size:1.8rem;
	}
	#eventTop .eventList .txtBox .more{font-size:1.4rem;}
	#eventTop .eventList[data-int="0"] a .txtBox{padding:0 16px;}
	#eventTop .eventList[data-int="0"] a .txtBox .txt{
		margin:12px 0 18px;
		font-size: 1.3rem;
	}
}
@media screen and (min-width:769px){
	section.mv h3{font-size:3.8rem;}
	
	/*events Top*/
	#eventTop div.eventTopInner:after{display:block;}
	#eventTop div.eventTopInner[data-int="2"]:after,
	#eventTop div.eventTopInner[data-int="5"]:after,
	#eventTop div.eventTopInner[data-int="8"]:after,
	#eventTop div.eventTopInner[data-int="11"]:after{width:calc(66.666% - 9px);;}
	#eventTop .eventList,
	#eventTop div.eventTopInner[data-int="3"]:after,
	#eventTop div.eventTopInner[data-int="6"]:after,
	#eventTop div.eventTopInner[data-int="9"]:after,
	#eventTop div.eventTopInner[data-int="12"]:after{
		margin:0;
		width:calc(33.333% - 9px);
		content:"";
		display:block;
	}
	#eventTop .eventList+.eventList{margin-top:20px;}
	#eventTop .eventList[data-int="0"] a figure{width:50%;}
	#eventTop .eventList:not([data-int="0"]) figure:before{padding-top:63.26%;}
	#eventTop .eventList[data-int="0"] figure:before{padding-top:70.5%;}
	#eventTop .eventList:not([data-int="0"]) figure img{
		position:absolute;
		top:-6%;
		left:0;
	}
	#eventTop .eventList[data-int="0"] figure img{
		position:absolute;
		top:-0.6%;
		left:0;
	}
	#eventTop .eventList[data-int="0"]{width: 100%;}
	#eventTop .eventList[data-int="0"] a{
		display:table;
		width: 100%;
	}
	#eventTop .eventList[data-int="0"] a figure{display:table-cell;}
	#eventTop .eventList[data-int="0"] a .txtBox{
		display:table-cell;
		text-align:left;
		vertical-align:middle;
	}
	#event .title .endMsg{
		display: inline-block;
		margin-left: 16px;
	}
	#event .sec dl.tbl dt{
		width:90px;
		margin:0 0 5px;
		float: left;
	}
	#event .sec dl.tbl dd{margin: 0 0 5px 95px;}
	#event .sec dl.stepDl dt{margin:0 0 5px;}
	#event .sec dl.stepDl dd{margin:0 0 5px 50px;}
	#event .sec .relatedLinks{
		display:flex;
		align-items: center;
	}
	#event .eventSlider .slick-dots{
		bottom:56px;
		right:26px;
	}
	#event .eventSlider .slick-dots li{
		width:52px;
		height:2px;
		margin: 0 8px;
	}
	article#event .figGroup{
		display:flex;
		justify-content:space-between;
	}
	article#event .figGroup figure{
		display:inline-block;
		width:49%;
		margin:0;
	}
}

@media screen and (max-width:1080px) {
	article#event figure.low {width:50%;}
	#event.article20191213 .sec table.commonTbl{width:90%;}
}
@media screen and (max-width:768px) {
	section.mv h3{font-size: 3.2rem;}
	#relations{display:block;}
	#relations h2{margin:6vw auto 2vw;}
	#relations .eventList{
		width:100%;
		margin:0 0 10px;
	}
	
	/*article*/
	article#event{padding: 7vw 0;}
	#event .sec h2{
		font-size:2.6rem;
		margin:20px auto 4px;
	}

	#eventTop .eventList:nth-child(n+2){
		margin-top: 10px;
		width:calc(50% - 20px);
	}
	#eventTop .eventList figure:before{padding-top:63.26%;}
	#eventTop .eventList figure img{
		position:absolute;
		top:-6%;
		left:0;
	}
	#eventTop .eventList a .txtBox,
	#relations .eventList a .txtBox{padding:16px 3vw;}
	#eventTop .eventList .txtBox h3,
	#relations .eventList .txtBox h3{
		margin:3vw 0 1vw;
		font-size:1.6rem;
	}
	#eventTop .eventList .txtBox .txt{
		margin:2vw 0 4vw;
		font-size:1.2rem;
	}
	#eventTop .eventList .txtBox .more{font-size:1.4rem;}
	#eventTop .eventList .txtBox .more:after{top: 1px;}
	#event .sec .relatedLinks dt,
	#event .sec .relatedLinks dd{width:auto;}
	#event .title h1{font-size: 2.4rem;}
	#event .title .endMsg{display:block;}
	#event .sec dl.tbl dt{margin:0 0 5px;}
	#event .sec dl.tbl dd{margin: 0 0 12px 30px;}
	#event .sec dl.stepDl dt{margin:0 0 5px;}
	#event .sec dl.stepDl dd{margin: 0 0 12px 30px;}
	#event .sec dl.tbl.tblJusty dt{width:90px;}
	#event .sec .relatedLinks{display:block;}
	#event .sec .relatedLinks dt{margin-bottom:5px;}
	#event .eventSlider .slick-dots{
		bottom:calc(31px + 4vw);
		right:2vw;
	}
	#event .eventSlider .slick-dots li{
		width:4vw;
		height:2px;
		margin:0 1vw;
	}
	#event .sec table.commonTbl,
	#event .sec table.commonTbl *{
		display: block;
		width: 100%;
	}
    #event .sec table.commonTbl .inline {display: inline;}

	#event .sec table.commonTbl th,
	#event .sec table.commonTbl td{
		padding-left: 10px;
		padding-right: 10px;
	}
	#event .sec table.commonTbl * + th,
	#event .sec table.commonTbl * + td{padding-top:0;}
	
	.article20190401 .sec h3 span{display: block;}
	.article20190401 section table td:nth-child(1){
		display: block;
		text-align:left;
	}
	.article20190401 section table  td:nth-child(2),
	.article20190401 section table td:nth-child(3){
		display: inline-block;
		box-sizing: border-box;
		vertical-align:top;
	}
	.article20190401 section table  td:nth-child(2){padding-left:24px;}
}
@media screen and (max-width:480px) {
	#titleBlock.subBefore h2 .enName{font-size: 3.6rem;}
	#titleBlock.subBefore h2 .jpName{font-size: 1.6rem;}
	#eventTop .eventList .txtBox h3,
	#relations .eventList .txtBox h3{font-size: 1.4rem;}
	#event .title h1{font-size: 2.1rem;}
}