@charset "UTF-8";

/*
---------------------------------------------
important用 CSS
---------------------------------------------
*/

.t-left{text-align:left; !important;}
.t-right{text-align:right;  !important;}
.bold {font-weight: bold;  !important;}

.mta{margin-top: auto !important;}
.mt0{margin-top: 0px !important;}
.mt4{margin-top: 4px !important;}
.mt8{margin-top: 8px !important;}
.mt16{margin-top: 16px !important;}
.mt24{margin-top: 24px !important;}
.mt32{margin-top: 32px !important;}
.mt40{margin-top: 40px !important;}
.mt48{margin-top: 48px !important;}
.mt56{margin-top: 56px !important;}
.mt64{margin-top: 64px !important;}
.mt72{margin-top: 72px !important;}
.mt80{margin-top: 80px !important;}
.mt88{margin-top: 88px !important;}
.mt96{margin-top: 96px !important;}
.mt104{margin-top: 104px !important;}
.mt112{margin-top: 112px !important;}
.mt120{margin-top: 120px !important;}

.mba{margin-bottom: auto !important;}
.mb0{margin-bottom: 0px !important;}
.mb4{margin-bottom: 4px !important;}
.mb8{margin-bottom: 8px !important;}
.mb16{margin-bottom: 16px !important;}
.mb24{margin-bottom: 24px !important;}
.mb32{margin-bottom: 32px !important;}
.mb40{margin-bottom: 40px !important;}
.mb48{margin-bottom: 48px !important;}
.mb56{margin-bottom: 56px !important;}
.mb64{margin-bottom: 64px !important;}
.mb72{margin-bottom: 72px !important;}
.mb80{margin-bottom: 80px !important;}
.mb88{margin-bottom: 88px !important;}
.mb96{margin-bottom: 96px !important;}
.mb104{margin-bottom: 104px !important;}
.mb112{margin-bottom: 112px !important;}
.mb120{margin-bottom: 120px !important;}

.mla{margin-left: auto !important;}
.ml0{margin-left: 0px !important;}
.ml4{margin-left: 4px !important;}
.ml8{margin-left: 8px !important;}
.ml12{margin-left: 12px !important;}
.ml16{margin-left: 16px !important;}
.ml24{margin-left: 24px !important;}
.ml32{margin-left: 32px !important;}
.ml40{margin-left: 40px !important;}
.ml48{margin-left: 48px !important;}
.ml56{margin-left: 56px !important;}
.ml64{margin-left: 64px !important;}
.ml72{margin-left: 72px !important;}
.ml80{margin-left: 80px !important;}
.ml88{margin-left: 88px !important;}
.ml96{margin-left: 96px !important;}
.ml104{margin-left: 104px !important;}
.ml112{margin-left: 112px !important;}
.ml120{margin-left: 120px !important;}

.mra{margin-right: auto !important;}
.mr0{margin-right: 0px !important;}
.mr4{margin-right: 4px !important;}
.mr8{margin-right: 8px !important;}
.mr12{margin-right: 12px !important;}
.mr16{margin-right: 16px !important;}
.mr24{margin-right: 24px !important;}
.mr32{margin-right: 32px !important;}
.mr40{margin-right: 40px !important;}
.mr48{margin-right: 48px !important;}
.mr56{margin-right: 56px !important;}
.mr64{margin-right: 64px !important;}
.mr72{margin-right: 72px !important;}
.mr80{margin-right: 80px !important;}
.mr88{margin-right: 88px !important;}
.mr96{margin-right: 96px !important;}
.mr104{margin-right: 104px !important;}
.mr112{margin-right: 112px !important;}
.mr120{margin-right: 120px !important;}


.pt0{padding-top: 0px !important;}
.pt4{padding-top: 4px !important;}
.pt8{padding-top: 8px !important;}
.pt16{padding-top: 16px !important;}
.pt24{padding-top: 24px !important;}
.pt32{padding-top: 32px !important;}
.pt40{padding-top: 40px !important;}
.pt48{padding-top: 48px !important;}
.pt56{padding-top: 56px !important;}
.pt64{padding-top: 64px !important;}
.pt72{padding-top: 72px !important;}
.pt80{padding-top: 80px !important;}
.pt88{padding-top: 88px !important;}
.pt96{padding-top: 96px !important;}
.pt104{padding-top: 104px !important;}
.pt112{padding-top: 112px !important;}
.pt120{padding-top: 120px !important;}


.pb0{padding-bottom: 0px !important;}
.pb4{padding-bottom: 4px !important;}
.pb8{padding-bottom: 8px !important;}
.pb16{padding-bottom: 16px !important;}
.pb24{padding-bottom: 24px !important;}
.pb32{padding-bottom: 32px !important;}
.pb40{padding-bottom: 40px !important;}
.pb48{padding-bottom: 48px !important;}
.pb56{padding-bottom: 56px !important;}
.pb64{padding-bottom: 64px !important;}
.pb72{padding-bottom: 72px !important;}
.pb80{padding-bottom: 80px !important;}
.pb88{padding-bottom: 88px !important;}
.pb96{padding-bottom: 96px !important;}
.pb104{padding-bottom: 104px !important;}
.pb112{padding-bottom: 112px !important;}
.pb120{padding-bottom: 120px !important;}

.pl0{padding-left: 0px !important;}
.pl4{padding-left: 4px !important;}
.pl8{padding-left: 8px !important;}
.pl12{padding-left: 12px !important;}
.pl16{padding-left: 16px !important;}
.pl24{padding-left: 24px !important;}
.pl32{padding-left: 32px !important;}
.pl40{padding-left: 40px !important;}
.pl48{padding-left: 48px !important;}
.pl56{padding-left: 56px !important;}
.pl64{padding-left: 64px !important;}
.pl72{padding-left: 72px !important;}
.pl80{padding-left: 80px !important;}
.pl88{padding-left: 88px !important;}
.pl96{padding-left: 96px !important;}
.pl104{padding-left: 104px !important;}
.pl112{padding-left: 112px !important;}
.pl120{padding-left: 120px !important;}

.pr0{padding-right: 0px !important;}
.pr4{padding-right: 4px !important;}
.pr8{padding-right: 8px !important;}
.pr12{padding-right: 12px !important;}
.pr16{padding-right: 16px !important;}
.pr24{padding-right: 24px !important;}
.pr32{padding-right: 32px !important;}
.pr40{padding-right: 40px !important;}
.pr48{padding-right: 48px !important;}
.pr56{padding-right: 56px !important;}
.pr64{padding-right: 64px !important;}
.pr72{padding-right: 72px !important;}
.pr80{padding-right: 80px !important;}
.pr88{padding-right: 88px !important;}
.pr96{padding-right: 96px !important;}
.pr104{padding-right: 104px !important;}
.pr112{padding-right: 112px !important;}
.pr120{padding-right: 120px !important;}

.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

hr{ width: 100%;}

.half{width:48% !important;}
.triplets{width:33.333% !important;margin-right: 2%;}
.quarter{width:23.875% !important;margin-right: 1.5%;}

.triplets:nth-child(3n){margin-right: 0%;}
.quarter:nth-child(4n){margin-right: 0%;}

figure.f-left.triplets {
    margin-right: 3vw;
}
figure.f-right.triplets {
    margin-left: 3vw;
}
figure.f-left.quarter {
    margin-right: 4vw;
}
figure.f-right.quarter {
    margin-left: 4vw;
}

.f-left{float:left !important;}
.f-right{float:right !important;}

/*
figure {
  margin: 0 auto 5vh ;
}
figure img {
  width: 100%;
  height: auto;
  max-height: 120vh;
  max-width: 100%;
  margin: auto;
}
figcaption {
  font-size: 14px;
  margin: 4px 1.5% 0;
  line-height: 1.3;
  text-align: center;
}
*/

@media screen and (max-width: 767px) {
	.w5, 
	.w10,.w15,
	.w20, .w21, .w22, .w23, .w24, .w25, .w26, .w27, .w28, .w29, 
	.w30, .w31, .w32, .w33, .w34, .w35, .w36, .w37, .w38, .w39, 
	.w40, .w41, .w42, .w43, .w44, .w45, .w46, .w47, .w48, .w49, 
	.w50, .w51, .w52, .w53, .w54, .w55, .w56, .w57, .w58, .w59,
	.w60, .w61, .w62, .w63, .w64, .w65, .w66, .w67, .w68, .w69, 
	.w70, .w75,
	.w80, .w85,
	.w90, .w95,
	.w100 {width:100% !important; float:none;margin: 0;padding:0 }

	.triple{ width: 96%; margin: 0 auto 2vh; float:none;} .triple:last-child { margin-right: auto;}
	.quarter { width: 32%; margin: 0 2% 1vh 0;} .quarter:nth-child(4n) { margin-right: 2%;} .quarter:nth-child(3n) { margin-right: 0;} 

	.f-left,
	.f-right{
	  float:none !important;
	}
	.half,
	.triplets,
	.quarter{
	  width:100% !important;
	  margin: 0 auto 2vh;
	}
	figure.f-left.triplets {
	    margin-right: 0vw;
	}
	figure.f-right.triplets {
	    margin-left: 0vw;
	}
	figure.f-left.quarter {
	    margin-right: 0vw;
	}
	figure.f-right.quarter {
	    margin-left: 0vw;
	}
}