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

/*----------------------
.mainSection
-----------------------*/
#article .siteContent .mainSection.col-md-12 {
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#article .mainSection {
   width: 100%;
   margin: 0 auto;
   overflow-x: scroll;/*SPでの横スクロール設定*/
}
#article .mainSection table {/*SPでの横スクロール設定*/
   width: 100%;
   min-width: 1058px;
   margin: 0 auto;
}
@media screen and (min-width: 1200px){/*SPでの横スクロール設定*/
	#article .siteContent .mainSection.col-md-12 {
		padding-top: 40px;
		padding-right: 40px;
		padding-bottom: 0px;
		padding-left: 40px;
	}
	#article .mainSection {
        overflow-x: auto;
    }
	#article .mainSection table {
        width: 100%;
    }
}

#article .mainSection table th  {
	background-color: #337ab7;
	color: #fff;
	white-space: nowrap;
	text-align: center;
}
#article .mainSection table tr:nth-child(odd) td {
	background-color: #ECECEC;
}
#article .mainSection table td  {
	font-size: 14px;
}
#article .mainSection table tr > td:nth-child(3) {
	font-size: 12px;
}
#article .mainSection table tr > td:nth-child(4) ,
#article .mainSection table tr > td:nth-child(5) {
	font-size: 10px;
}

#article .mainSection table th, #article .mainSection table td {
    padding: 8px;
    border-bottom: 1px solid #C0C0C0; 
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}

#article .mainSection table td dl {
	display: flex;
	align-items: center;
	border-bottom: solid 1px #C0C0C0;
	padding-bottom: 1em;
}
#article .mainSection table th dl {/*th*/
	display: flex;
	align-items:stretch;
	margin: 0;
}
#article .mainSection table td dl.end  {
	border-bottom: none;
	margin-bottom: 0;
}
#article .mainSection table dl dt, #article .mainSection table dl dd {
	border: none;
	padding: 0;
	margin: 0;
}
#article .mainSection table dl dt {
	margin-right: 1em;
}
#article .mainSection table th dl dt  {/*th*/
	width: 11.5em;
	height: 100%;
	display: block;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
}
#article .mainSection table th dl dd {
	width: 100%;
	text-align: center;
}

#article .mainSection table td dl span.notes {
    color: red;
    font-size: 12px;
}

#article .mainSection table a.popup-vimeo  {
	width: 10em;
	display: block;
	padding: .25em .5em;
	color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
	border-radius: 5px;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
}
#article .mainSection table a.popup-vimeo.uc {/*ボタンOFF*/
	pointer-events: none;
    background-color: #ccc;
    border-color: #ccc;
}
#article .mainSection table a.popup-vimeo i {
	margin-right: .5em;
}
#article .mainSection table a.popup-vimeo:hover  {
	opacity: .7;
	transition: all .3s;
}
#article .mainSection table a.popup-vimeo span::before {
	content: "▶️ ";
}
/*.scroll-hint*/
.scroll-hint-icon {
  top: calc(50vh - 25px);
}