@charset "utf-8";
.input_w_col1{
    width:500px;
}

.input_w_name{
    width: 135px;
}

.input_w_wechat{
    width: 300px;
}

.input_w_birth_y{
    width: 90px;
}

.input_w_birth{
    width: 90px;
}

.input_select{
    width: 500px
}

.disp_inline{
    display: inline-block;
}

.input_bbs{
    width: 80px
}

/*ボタン　０１*/
.button_input01 {
    display: inline-block;
    width: 120px;
    padding: 1em;
    line-height: 1em;
    cursor: pointer;
    user-select: none;
    transition: box-shadow 0.2s, transform 0.2s;
    color: #ec407a;
    border-width: 0;
    border-style: solid;
    border-radius: 20px;
    background: transparent;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.button_input01:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
    color: #ec407a;
}
.button_input01:active {
    transition-duration: 0.05s;
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15) inset;
}
.button_input01:focus,
.button_input01:focus:hover {
    color: #ec407a;
}

/*ボタン　０２　さらに表示ボタン　*/
section.more_btn {
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
  a.btn_02_a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 1.5rem .5rem;
    background-color: #e22939;
    text-align: center;
    text-decoration: none;
    transition-duration: 0.3s;
  }
  a.btn_02_a:hover {
    background: #000000;
  }
  a.btn_02_a span {
    position: relative;
    padding-left: 36px;
  }
  a.btn_02_a span:before {
    content: '';
    width: 26px;
    height: 26px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -13px;
  }
  a.btn_02_a span:after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: 3px solid #e22939;
    border-right: 3px solid #e22939;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -5px;
  }
  a.btn_02_a:hover span:after {
    border-top: 3px solid #000000;
    border-right: 3px solid #000000;
  }
  

/*ボタン　０3　さらに表示ボタン(同画面)　*/
.more-button {
  display: inline-block;
  width: 50px;
  padding: 5px;
  background-color: #4949dbb3;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  border-radius: 24px;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
  transition: opacity 0.3s;
}
.more-button:hover {
    opacity: 0.7;
}
  
.more-button:active {
    opacity: 0.4;
}
.hidden-content{
    font-size: 14px;
    margin: 10px;
    color: rgb(40, 47, 130);
}
/*ボタン　０3-1*/
.more-toggle1,
.hidden-content1 {
  display: none;
}

.more-toggle1:checked ~ .hidden-content1 {
  display: block;
}
.more-button1::before {
  content: 'more';
}

.more-toggle1:checked ~ .more-button1::before {
  content: 'close';
}

/*ボタン　０3-2*/
.more-toggle2,
.hidden-content2 {
  display: none;
}

.more-toggle2:checked ~ .hidden-content2 {
  display: block;
}
.more-button2::before {
  content: 'more';
}

.more-toggle2:checked ~ .more-button2::before {
  content: 'close';
}

/*ボタン　０3-3*/
.more-toggle3,
.hidden-content3 {
  display: none;
}

.more-toggle3:checked ~ .hidden-content3 {
  display: block;
}
.more-button3::before {
  content: 'more';
}

.more-toggle3:checked ~ .more-button3::before {
  content: 'close';
}

.center{
  text-align: center
}

/* タブレット
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width:768px) and (min-width:481px) {

    .input_select{
        width: 100%;
    }
}

/* スマートフォン
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@media screen and (max-width:480px) {

    .input_w_col1{
        width: 100%;
    }

    .input_w_name{
        width: 48%;
    }

   .input_w_birth_y{
        width: 70px;
    }

    .input_w_birth{
        width: 55px;
    }

    .input_select{
        width: 100%;
        font-size: 9px;
    }

    .input_w_wechat{
        width: 100%;
    }

    .input_bigger{
        height: 35px!important;
        font-size: 16px!important;
    }
    /*wechat ID placeholderのフォントサイズ
    ---------------------------------------------------------------------------*/
    input.input_w_wechat::-webkit-input-placeholder {
        font-size: 10px;
    }
    input.input_w_wechat:-ms-input-placeholder {
        font-size: 10px;
    }
    input.input_w_wechat::-moz-placeholder {
        font-size: 10px;
    }
}