.brand-logo {
  font-family: 'Kaushan Script', 'Helvetica Neue', Helvetica, Arial, cursive;
}

#appsubmit-botton, #eventsubmit-botton, #adssubmit-botton {
    background-color: #ee6e73;
    width: 260px;
    height: 70px;
    margin: 4px;
    padding: 0;
    line-height: 70px;
    font-size: 18px;
    font-weight: 400;
}

#twitterlogin-botton, #facebooklogin-botton, #googlelogin-botton, #linelogin-botton {
    width: 260px;
    margin: 4px;
    padding: 0;
}


#wide-botton {
    width: 100%;
    margin: 4px;
    padding: 0;
}



.text-shadow {
    /* 3つ目の値(影をぼかす範囲)は15pxを指定 */
    text-shadow:0px 0px 3px #000000,0px 0px 3px #000000;
}


.light-grey {
  background-color: #f2f2f2 !important;
}


#about h4,#about h5,#about h6{
    line-height: 2;
}

#sortable-with-handle1 .collection-item p{
    width: 95%
}

.collection .collection-item.avatar {
    min-height: 0px;
}

h4 {
    font-family: 'notosans-cjkjp-bold';
    color: #777;
}

h5 {
    font-family: 'notosans-cjkjp-bold';
    color: #777;
}

h6 {
    font-family: 'notosans-cjkjp-bold';
    color: #777;
}

p {
    font-family: 'notosans-cjkjp-medium';
    color: #777;
}

.flow-text {
    font-family: 'notosans-cjkjp-medium';
    color: #777;
}

.roundedcorners{
    border-radius: 25%;
}

/* パソコンで見たとき表示される */
#floatingmenu { display: none !important; }
/* スマートフォンで見たとき表示される */
@media only screen and (max-width: 750px) {
 #floatingmenu {
display: block !important;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 9999;
text-align: center;
padding: 0 auto;
background: rgba(204,204,204,0.8);
 }
 #floatingmenu a {
font-size:200%;
color: #fff;
 }

}


#terms h2{
  font-size: 150%;
  font-weight: bold;
}




.row2 {
  margin: 0 auto;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
}

.row2 .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row2 .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row2 .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row2 .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row2 .col.pull-s1 {
  right: 8.3333333333%;
}

.row2 .col.push-s1 {
  left: 8.3333333333%;
}

.row2 .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row2 .col.pull-s2 {
  right: 16.6666666667%;
}

.row2 .col.push-s2 {
  left: 16.6666666667%;
}

.row2 .col.offset-s3 {
  margin-left: 25%;
}

.row2 .col.pull-s3 {
  right: 25%;
}

.row2 .col.push-s3 {
  left: 25%;
}

.row2 .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row2 .col.pull-s4 {
  right: 33.3333333333%;
}

.row2 .col.push-s4 {
  left: 33.3333333333%;
}

.row2 .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row2 .col.pull-s5 {
  right: 41.6666666667%;
}

.row2 .col.push-s5 {
  left: 41.6666666667%;
}

.row2 .col.offset-s6 {
  margin-left: 50%;
}

.row2 .col.pull-s6 {
  right: 50%;
}

.row2 .col.push-s6 {
  left: 50%;
}

.row2 .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row2 .col.pull-s7 {
  right: 58.3333333333%;
}

.row2 .col.push-s7 {
  left: 58.3333333333%;
}

.row2 .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row2 .col.pull-s8 {
  right: 66.6666666667%;
}

.row2 .col.push-s8 {
  left: 66.6666666667%;
}

.row2 .col.offset-s9 {
  margin-left: 75%;
}

.row2 .col.pull-s9 {
  right: 75%;
}

.row2 .col.push-s9 {
  left: 75%;
}

.row2 .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row2 .col.pull-s10 {
  right: 83.3333333333%;
}

.row2 .col.push-s10 {
  left: 83.3333333333%;
}

.row2 .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row2 .col.pull-s11 {
  right: 91.6666666667%;
}

.row2 .col.push-s11 {
  left: 91.6666666667%;
}

.row2 .col.offset-s12 {
  margin-left: 100%;
}

.row2 .col.pull-s12 {
  right: 100%;
}

.row2 .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width: 601px) {
  .row2 .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row2 .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row2 .col.push-m1 {
    left: 8.3333333333%;
  }
  .row2 .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row2 .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row2 .col.push-m2 {
    left: 16.6666666667%;
  }
  .row2 .col.offset-m3 {
    margin-left: 25%;
  }
  .row2 .col.pull-m3 {
    right: 25%;
  }
  .row2 .col.push-m3 {
    left: 25%;
  }
  .row2 .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row2 .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row2 .col.push-m4 {
    left: 33.3333333333%;
  }
  .row2 .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row2 .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row2 .col.push-m5 {
    left: 41.6666666667%;
  }
  .row2 .col.offset-m6 {
    margin-left: 50%;
  }
  .row2 .col.pull-m6 {
    right: 50%;
  }
  .row2 .col.push-m6 {
    left: 50%;
  }
  .row2 .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row2 .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row2 .col.push-m7 {
    left: 58.3333333333%;
  }
  .row2 .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row2 .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row2 .col.push-m8 {
    left: 66.6666666667%;
  }
  .row2 .col.offset-m9 {
    margin-left: 75%;
  }
  .row2 .col.pull-m9 {
    right: 75%;
  }
  .row2 .col.push-m9 {
    left: 75%;
  }
  .row2 .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row2 .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row2 .col.push-m10 {
    left: 83.3333333333%;
  }
  .row2 .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row2 .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row2 .col.push-m11 {
    left: 91.6666666667%;
  }
  .row2 .col.offset-m12 {
    margin-left: 100%;
  }
  .row2 .col.pull-m12 {
    right: 100%;
  }
  .row2 .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .row2 .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row2 .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row2 .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row2 .col.push-l1 {
    left: 8.3333333333%;
  }
  .row2 .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row2 .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row2 .col.push-l2 {
    left: 16.6666666667%;
  }
  .row2 .col.offset-l3 {
    margin-left: 25%;
  }
  .row2 .col.pull-l3 {
    right: 25%;
  }
  .row2 .col.push-l3 {
    left: 25%;
  }
  .row2 .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row2 .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row2 .col.push-l4 {
    left: 33.3333333333%;
  }
  .row2 .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row2 .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row2 .col.push-l5 {
    left: 41.6666666667%;
  }
  .row2 .col.offset-l6 {
    margin-left: 50%;
  }
  .row2 .col.pull-l6 {
    right: 50%;
  }
  .row2 .col.push-l6 {
    left: 50%;
  }
  .row2 .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row2 .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row2 .col.push-l7 {
    left: 58.3333333333%;
  }
  .row2 .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row2 .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row2 .col.push-l8 {
    left: 66.6666666667%;
  }
  .row2 .col.offset-l9 {
    margin-left: 75%;
  }
  .row2 .col.pull-l9 {
    right: 75%;
  }
  .row2 .col.push-l9 {
    left: 75%;
  }
  .row2 .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row2 .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row2 .col.push-l10 {
    left: 83.3333333333%;
  }
  .row2 .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row2 .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row2 .col.push-l11 {
    left: 91.6666666667%;
  }
  .row2 .col.offset-l12 {
    margin-left: 100%;
  }
  .row2 .col.pull-l12 {
    right: 100%;
  }
  .row2 .col.push-l12 {
    left: 100%;
  }
}