@charset "utf-8";
/*! wm.css v1 | (c) 2020 wondermouse, Inc.

/* reset */
* {
    box-sizing: border-box;
}



/* flex */
._flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* padding: var(--gap); */
    list-style: none;
    /* flex-basis: 100%; */
    box-sizing: border-box;
}

._flex > * {/*     padding: var(--padding); *//* margin-bottom: var(--margin_b); */}
._flex._gap {
  padding:0 0;
}
._flex._gap > * {
  box-siging:border-box;
  padding:0 var(--gap);
}
._flex > ._flex {
    padding: 0;
}
._x-center {
    margin-right: auto;
    margin-left: auto;
}

._flex._mid {
    -webkit-align-items: center;
    align-items: center;

}

._flex._top {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

._flex._bottom {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

._flex._center {
    -webkit-justify-content: center;
    justify-content: center;
}

._flex._left {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

._flex._right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}


/*整列　横*/
._center {
    margin: auto;
    align-self: center;
}

._left {
    margin-right: auto;
    align-self: center;
}

._right {
    margin-left: auto;
    align-self: center;
}

/*整列　縦*/
._mid {
    align-self: center;
}

._top {
    align-self: flex-start;
}

._bottom {
    align-self: flex-end;
}

/*順番*/
._no10 {
    order: -1;
}
._no9 {
    order: -2;
}
._no8 {
    order: -3;
}
._no7 {
    order: -4;
}
._no6 {
    order: -5;
}
._no5 {
    order: -6;
}
._no4 {
    order: -7;
}
._no3 {
    order: -8;
}
._no2 {
    order: -9;
}
._no1 {
    order: -10;
}

[class^='_child-']>*,[class^='_1'],[class^='_2']>,[class^='_3'],[class^='_4'],[class^='_5']{
    box-sizing: border-box;
    width: 100%
}

._flex._child-1-1 > * {
    width: 100%;
}

._flex._child-1-2 > * {
    width: 50%;
}

._flex._child-1-3 > * {
    width: calc( 100% / 3.001);
}

._flex._child-1-4 > * {
    width: 25%;
}

._flex._child-1-5 > * {
    width: 20%;
}

._flex._child-1-6 > * {
    width: calc( 100% / 6);
}
._1-1{
  width: 100%
}
._1-2,
._2-4,
._3-6 {
  width: 50%
}

._1-3 {
    width: calc(100% * 1 / 3.001);
}

._2-3,
._4-6 {
    width: calc(100% * 2 / 3.001);
}

._1-4 {
    width: 25%;
}

._3-4 {
    width: 75%;
}

._1-5 {
    width: 20%;
}

._2-5 {
    width: 40%;
}

._3-5 {
    width: 60%;
}

._4-5 {
    width: 80%;
}

._1-6 {
    width: calc(100% * 1 / 6.001);
}

._5-6 {
    width: calc(100% * 5 / 6.001);
}


/*   UIkit Version 3.0.0 */
@media (min-width: 640px) {
    ._child-1-1\@s>* {
        width: 100%
    }
    ._child-1-2\@s>* {
        width: 50%
    }
    ._child-1-3\@s>* {
        width: calc(100% * 1 / 3.001)
    }
    ._child-1-4\@s>* {
        width: 25%
    }
    ._child-1-5\@s>* {
        width: 20%
    }
    ._child-1-6\@s>* {
        width: calc(100% * 1 / 6.001)
    }
    ._child-auto\@s>* {
        width: auto
    }
}

@media (min-width: 960px) {
    ._child-1-1\@m>* {
        width: 100%
    }

    ._child-1-2\@m>* {
        width: 50%
    }

    ._child-1-3\@m>* {
        width: calc(100% * 1 / 3.001)
    }

    ._child-1-4\@m>* {
        width: 25%
    }

    ._child-1-5\@m>* {
        width: 20%
    }

    ._child-1-6\@m>* {
        width: calc(100% * 1 / 6.001)
    }

    ._child-auto\@m>* {
        width: auto
    }


}


@media (min-width: 640px) {

    ._1-1\@s {
        width: 100%
    }

    ._1-2\@s {
        width: 50%
    }

    ._1-3\@s {
        width: calc(100% * 1 / 3.001)
    }

    ._2-3\@s {
        width: calc(100% * 2 / 3.001)
    }

    ._1-4\@s {
        width: 25%
    }

    ._3-4\@s {
        width: 75%
    }

    ._1-5\@s {
        width: 20%
    }

    ._2-5\@s {
        width: 40%
    }

    ._3-5\@s {
        width: 60%
    }

    ._4-5\@s {
        width: 80%
    }

    ._1-6\@s {
        width: calc(100% * 1 / 6.001)
    }

    ._5-6\@s {
        width: calc(100% * 5 / 6.001)
    }

}

@media (min-width: 960px) {
    ._1-1\@m {
        width: 100%
    }

    ._1-2\@m {
        width: 50%
    }

    ._1-3\@m {
        width: calc(100% * 1 / 3.001)
    }

    ._2-3\@m {
        width: calc(100% * 2 / 3.001)
    }

    ._1-4\@m {
        width: 25%
    }

    ._3-4\@m {
        width: 75%
    }

    ._1-5\@m {
        width: 20%
    }

    ._2-5\@m {
        width: 40%
    }
    ._3-5\@m {
        width: 60%
    }
    ._4-5\@m {
        width: 80%
    }
    ._1-6\@m {
        width: calc(100% * 1 / 6.001)
    }
    ._5-6\@m {
        width: calc(100% * 5 / 6.001)
    }
}


/* other */

._border,._child-border >*{border:1px solid #ddd;}
._pd,_child-pd > * {
  padding: var(--padding);
  display:block;
}
._mg,_child-mg > * {
  margin: var(--padding);
}
._bold{
  font-weight:bold;
}
._text-small,_read-text{
  font-size:0.8rem;
  line-height: 1.4;
}
._text-large{
   font-size:1.2rem;
}
._text-center{
  text-align:center;
}
._text-left{
  text-align:left;
}
._text-right{
  text-align:right;
}
/* 余白 */
.mt0 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top: 1em !important;
}
.mt15 {
	margin-top: 1.5em !important;
}
.mt20 {
	margin-top: 2em !important;
}
.mt25 {
	margin-top: 2.5em !important;
}
.mt30 {
	margin-top: 3em !important;
}
.mt35 {
	margin-top: 3.5em !important;
}
.mt40 {
	margin-top: 4em !important;
}
.mt45 {
	margin-top: 4.5em !important;
}
.mt50 {
	margin-top: 5em !important;
}
.mb3 {
	margin-bottom: .3em !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: .5em !important;
}
.mb10 {
	margin-bottom: 1em !important;
}
.mb15 {
	margin-bottom: 1.5em !important;
}
.mb20 {
	margin-bottom: 2em !important;
}
.mb25 {
	margin-bottom: 2.5em !important;
}
.mb30 {
	margin-bottom: 3em !important;
}
.mb35 {
	margin-bottom: 3.5em !important;
}
.mb40 {
	margin-bottom: 4em !important;
}
.mb45 {
	margin-bottom: 4.5em !important;
}
.mb50 {
	margin-bottom: 5em !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.ml3 {
	margin-left: .3em !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: .5em !important;
}
.ml10 {
	margin-left: 1em !important;
}
.ml15 {
	margin-left: 1.5em !important;
}
.ml20 {
	margin-left: 2em !important;
}
.ml25 {
	margin-left: 2.5em !important;
}
.ml30 {
	margin-left: 3em !important;
}
.ml35 {
	margin-left: 3.5em !important;
}
.ml40 {
	margin-left: 4em !important;
}
.ml45 {
	margin-left: 4.5em !important;
}
.ml50 {
	margin-left: 5em !important;
}
.mr3 {
	margin-right: .3em !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: .5em !important;
}
.mr10 {
	margin-right: 1em !important;
}
.mr15 {
	margin-right: 1.5em !important;
}
.mr20 {
	margin-right: 2em !important;
}
.mr25 {
	margin-right: 2.5em !important;
}
.mr30 {
	margin-right: 3em !important;
}
.mr35 {
	margin-right: 3.5em !important;
}
.mr40 {
	margin-right: 4em !important;
}
.mr45 {
	margin-right: 4.5em !important;
}
.mr50 {
	margin-right: 5em !important;
}
.pl3 {
	padding-left: .3em !important;
}
.pl0 {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: .5em !important;
}
.pl10 {
	padding-left: 1em !important;
}
.pl15 {
	padding-left: 1.5em !important;
}
.pl20 {
	padding-left: 2em !important;
}
.pl25 {
	padding-left: 2.5em !important;
}
.pl30 {
	padding-left: 3em !important;
}
.pl35 {
	padding-left: 3.5em !important;
}
.pl40 {
	padding-left: 4em !important;
}
.pl45 {
	padding-left: 4.5em !important;
}
.pl50 {
	padding-left: 5em !important;
}
.pr3 {
	padding-right: .3em !important;
}
.pr0 {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: .5em !important;
}
.pr10 {
	padding-right: 1em !important;
}
.pr15 {
	padding-right: 1.5em !important;
}
.pr20 {
	padding-right: 2em !important;
}
.pr25 {
	padding-right: 2.5em !important;
}
.pr30 {
	padding-right: 3em !important;
}
.pr35 {
	padding-right: 3.5em !important;
}
.pr40 {
	padding-right: 4em !important;
}
.pr45 {
	padding-right: 4.5em !important;
}
.pr50 {
	padding-right: 5em !important;
}
.pt3 {
	padding-top: .3em !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: .5em !important;
}
.pt10 {
	padding-top: 1em !important;
}
.pt15 {
	padding-top: 1.5em !important;
}
.pt20 {
	padding-top: 2em !important;
}
.pt25 {
	padding-top: 2.5em !important;
}
.pt30 {
	padding-top: 3em !important;
}
.pt35 {
	padding-top: 3.5em !important;
}
.pt40 {
	padding-top: 4em !important;
}
.pt45 {
	padding-top: 4.5em !important;
}
.pt50 {
	padding-top: 5em !important;
}
.pb3 {
	padding-bottom: .3em !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: .5em !important;
}
.pb10 {
	padding-bottom: 1em !important;
}
.pb15 {
	padding-bottom: 1.5em !important;
}
.pb20 {
	padding-bottom: 2em !important;
}
.pb25 {
	padding-bottom: 2.5em !important;
}
.pb30 {
	padding-bottom: 3em !important;
}
.pb35 {
	padding-bottom: 3.5em !important;
}
.pb40 {
	padding-bottom: 4em !important;
}
.pb45 {
	padding-bottom: 4.5em !important;
}
.pb50 {
	padding-bottom: 5em !important;
}
.max8{max-width: 8em;}
.max9{max-width: 9em;}
.max10{max-width: 10em;}