@charset "utf-8";
section{
 padding: 60px 0;
 margin: 0 1rem;
}
.login-panel{
 background: #FFF;
 max-width: 960px;
 margin: 0 auto;
 -webkit-border-radius: 8px;
         border-radius: 8px;
 -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
 -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
 box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
@media screen and (max-width: 480px){
    .login-panel{
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}
.login-panel .page-ttl{
 font-size: 24px;
 font-size: 2.4rem;
 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "游ゴシック", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
 margin: 0;
 padding: 30px 0 0;
}
.login-panel h4{
    border-bottom: 1px solid #CCC;
    color: #000;
}
.login-panel h2.login-ttl.signin{
 font-size: 24px;
 font-size: 2.4rem;
 padding: 2px 0 2px 10px;
 margin: 0 0 20px;
}
.login-panel form{
 width: 100%;
}
.login-panel h2.login-ttl.signin{
 color: #358E62;
 border-left: 4px solid #358E62;
}
.login-panel .signin-panel{
 padding: 30px 14px 20px;
 border-bottom: 1px solid #ccc;
 position: relative;
 display: flex;
}
.login-panel .signin-bloc{
    width: 50%;
    padding: 0 20px;
    border-right: 1px solid #CCC;
}
.login-panel .signin-bloc:last-child{
    border-right: none;
}
.login-panel label{
 color: #358E62;
 font-size: 14px;
 font-size: 1.4rem;
 display: block;
 text-align: left;
 margin-bottom: -4px;
}
.login-panel input{
 margin: 0;
 border: 2px solid #eeeeee;
 margin-bottom: 16px;
 background: #fff;
 display: block;
 padding: 8px;
 width: 100%;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}
.login-panel .btn-signin{
 background: #358E62;
 border-color: #358E62;
 color: #fff;
 margin-bottom: 1px;
}
.login-panel .go-forget-pass{
 text-align: center;
}
.login-panel .go-forget-pass a{
 color: #358E62;
}


.order-title{
    padding: 0.5em;
    text-align: center;
    background: #E9ECEF;
    margin-bottom: 1.0em;
    border-bottom: 1px solid #358E62;
    position: relative;
}
.order-body{
    text-align: left;
}
.order-body .content{
    padding: 1.0em;
    margin: 1.0em;
    background: #f9f9f9;
}
.login-panel .notice-bloc{
    padding: 20px;
}
@media screen and (max-width:767.98px) {
    .login-panel .signin-panel{
        flex-direction: column;
    }
    .login-panel .signin-panel .signin-bloc{
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #CCC;
        margin-top: 1rem;
    }
    .login-panel .signin-panel .signin-bloc:last-child{
        border-bottom: none;
    }
}
/* 20220221 購入において　に二重下線 */
.dbb-red{
    border-bottom: double 3px #dc3545;
}
.bb-red{
    border-bottom: 1px solid #dc3545;
}

/* 20250110 登録画面に注意書き掲出 */
.regist-message{
  padding: 2rem 2rem 0;
  font-size: 110%;
}
.back-login-page{
  display: inline-block;
  background: #358E62;
  color: #FFF;
  padding: 0.2rem 1rem;
  border-radius: 0.2rem;
  font-size: 86%;
}
.back-login-page:hover{
  background: #3aa16e;
  color: #FFF;
  text-decoration: none;
}