@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

.container {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    line-height: 1;
 background: #EFEFEF;
 font-family: 'Roboto','Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;

}
@media (min-width: 100px){
.container {
    width: 100%;
}

/* bootstrap標準の上書き */
header a:hover,
header a:focus {
    color: #A32B24;
    text-decoration: none;
}

#header {
    /* background: #d3edfb; */
}
#header {
 padding: 0 2%;
 box-sizing: border-box;
}

#header h1 img{
 display: none;
}
#header h1 {
 height: 60px;
 width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
 background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22132.162%22%20height%3D%2251.099%22%20viewBox%3D%220%200%20132.162%2051.099%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201%22%20width%3D%22132.162%22%20height%3D%2251.099%22%20fill%3D%22none%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M2.123%2C26.566a.961.961%2C0%2C0%2C0-1.094.875l-1%2C4.462a.82.82%2C0%2C0%2C0%2C.62%2C1.02c2.092.193%2C15.871-1.443%2C14.362%2C6.039a5.454%2C5.454%2C0%2C0%2C1-6.27%2C4.483l1.816-6.867a.691.691%2C0%2C0%2C0-.765-.911h-4.7a1%2C1%2C0%2C0%2C0-1.057.911L1.154%2C49.388a.691.691%2C0%2C0%2C0%2C.765.911H7.46c4.52%2C0%2C12.793-1.651%2C14.107-11.483%2C1.778-13.3-15.055-12.25-19.444-12.25%22%20transform%3D%22translate(0%20-9.565)%22%20fill%3D%22%231a1311%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M58.7%2C28.29H40.07a1.006%2C1.006%2C0%2C0%2C0-1.057.912l-.692%2C3.791c-.073.583.182.911.765.911h5.8L42.038%2C50.016a.691.691%2C0%2C0%2C0%2C.766.911h5.213a1%2C1%2C0%2C0%2C0%2C1.057-.911L51.917%2C33.9h5.8a.983.983%2C0%2C0%2C0%2C1.057-.911l.692-3.791a.691.691%2C0%2C0%2C0-.765-.912%22%20transform%3D%22translate(-13.802%20-10.193)%22%20fill%3D%22%231a1311%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M138.343%2C28.29h-17.7a1%2C1%2C0%2C0%2C0-1.057.912l-.693%2C3.791c-.072.583.182.911.766.911h4.094l-.947%2C5.4h-.576a.983.983%2C0%2C0%2C0-1.057.912l-.547%2C2.989a.692.692%2C0%2C0%2C0%2C.766.912h.576l-1.057%2C5.905a.691.691%2C0%2C0%2C0%2C.765.911h5.213a1%2C1%2C0%2C0%2C0%2C1.057-.911L129%2C44.111h2.7a1%2C1%2C0%2C0%2C0%2C1.057-.912l.546-2.989c.073-.583-.182-.912-.766-.912h-2.7l.947-5.4h6.571a.983.983%2C0%2C0%2C0%2C1.057-.911l.692-3.791a.691.691%2C0%2C0%2C0-.765-.912%22%20transform%3D%22translate(-42.831%20-10.193)%22%20fill%3D%22%231a1311%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M161.438%2C28.505l-5.358.8a1.126%2C1.126%2C0%2C0%2C0-1.021.984l-3.5%2C19.794a.692.692%2C0%2C0%2C0%2C.766.912h5.213a1%2C1%2C0%2C0%2C0%2C1.057-.912l3.646-20.741c.109-.62-.182-.948-.8-.839%22%20transform%3D%22translate(-54.597%20-10.263)%22%20fill%3D%22%231a1311%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M193.881%2C28.29H175.253a1.006%2C1.006%2C0%2C0%2C0-1.057.912l-.692%2C3.791c-.073.583.182.911.765.911h5.8l-2.844%2C16.112a.691.691%2C0%2C0%2C0%2C.766.911H183.2a1%2C1%2C0%2C0%2C0%2C1.057-.911L187.1%2C33.9h5.8a.983.983%2C0%2C0%2C0%2C1.057-.911l.692-3.791a.691.691%2C0%2C0%2C0-.765-.912%22%20transform%3D%22translate(-62.506%20-10.193)%22%20fill%3D%22%231a1311%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6%22%20data-name%3D%22%E3%83%91%E3%82%B9%206%22%20d%3D%22M80.63%2C44.9l-2.554-3.943a.639.639%2C0%2C0%2C0-.975-.074L63.459%2C54.514a.639.639%2C0%2C0%2C0%2C.45%2C1.087l7.03.056a.639.639%2C0%2C0%2C0%2C.461-.19l9.166-9.744a.64.64%2C0%2C0%2C0%2C.063-.822%22%20transform%3D%22translate(-22.797%20-14.661)%22%20fill%3D%22%231a1311%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7%22%20data-name%3D%22%E3%83%91%E3%82%B9%207%22%20d%3D%22M120.9.293%2C114.193%2C0a.791.791%2C0%2C0%2C0-.576.237l-17.9%2C18.8a.792.792%2C0%2C0%2C0-.078%2C1.017l2.382%2C3.8a.792.792%2C0%2C0%2C0%2C1.217.083L121.466%2C1.629A.792.792%2C0%2C0%2C0%2C120.9.293%22%20transform%3D%22translate(-34.405%200)%22%20fill%3D%22%23b40019%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_8%22%20data-name%3D%22%E3%83%91%E3%82%B9%208%22%20d%3D%22M76.321%2C10.762a.8.8%2C0%2C0%2C0-.674-.37l-5.759.008a.8.8%2C0%2C0%2C0-.668%2C1.228l10%2C15.028a.8.8%2C0%2C0%2C0%2C1.224.139l3.149-3.319a.8.8%2C0%2C0%2C0%2C.118-1Z%22%20transform%3D%22translate(-24.893%20-3.744)%22%20fill%3D%22%23b40019%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_9%22%20data-name%3D%22%E3%83%91%E3%82%B9%209%22%20d%3D%22M98.149%2C42.364a.8.8%2C0%2C0%2C0-1.192-.173l-3.219%2C3.368a.8.8%2C0%2C0%2C0-.147%2C1.036l12.453%2C19.218a.8.8%2C0%2C0%2C0%2C.66.363l5.787.054A.8.8%2C0%2C0%2C0%2C113.17%2C65Z%22%20transform%3D%22translate(-33.673%20-15.131)%22%20fill%3D%22%23b40019%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat center left / contain;
}


.container {
    padding-left: 0px;
    padding-right: 0px;
}

select {
    -webkit-appearance: menulist-button;
}


.row{
 max-width: 1200px;
 margin: 0 auto;
}


.list-group{
 margin-bottom: 3%;
 display: flex;
 justify-content: center;
}
.list-group li.list-group-item{
 width: calc(100% / 4);
 min-width: !80px;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 min-height: 40px;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235.439%22%20height%3D%2235.439%22%20viewBox%3D%220%200%2035.439%2035.439%22%3E%20%3Cg%20id%3D%22_352466_arrow_down_icon%22%20data-name%3D%22352466_arrow_down_icon%22%20transform%3D%22translate(0.75%2035.439)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M14.089%2C16.42l6.77%2C6.77%2C6.77-6.77%2C2.089%2C2.089-8.86%2C8.86L12%2C18.509Z%22%20transform%3D%22translate(-3.14%20-4.493)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M0-.75H35.439V34.689H0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 95% 50%;
 border: none;
 font-size: 1px;
 text-indent: -9999px;
 font-weight: bold;
 font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 18px);
}
.list-group li.list-group-item:last-child{
 background: none;
 width: calc(100% / 6);
}

.list-group li.list-group-item:before{
 content: "1";
 width: 40px;
 border-radius: 50px;
 height: 40px;
 background: #d9d9d9;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 position: absolute;
 left: 0;
 right: 0;
 margin: auto;
 top: 0;
 font-size: 20px;
 text-indent:0;
}
.list-group li.list-group-item.list-group-item-success:before{
 background: #000;
}

.list-group li.list-group-item:nth-child(2):before{
 content: "2";
}
.list-group li.list-group-item:nth-child(3):before{
 content: "3";
}
.list-group li.list-group-item:nth-child(4):before{
 content: "4";
}
.list-group li.list-group-item:after{
 content:"情報入力";
position: absolute;
 left: 50px;
 top: 0;
 height: 40px;
 display: flex;
 align-items: center;
 text-indent:0;
}
.list-group li.list-group-item:nth-child(2):after{
 content: "入力確認";
}
.list-group li.list-group-item:nth-child(3):after{
 content: "送信完了";
}
.list-group li.list-group-item:nth-child(4):after{
 content: "認証完了";
}



#common h1{
 font-size: min(max(24px, calc(1.5rem + ((1vw - 7.68px) * 1.5625))), 32px);
 padding: 0 0 1em;
 position: relative;
 margin-bottom: 1em;
 text-align: center;
 border: none;
}

#common h1:after{
 content: "";
 width: 25%;
 height: 3px;
 background: #B40019;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}


#entry table{
 border: none;
 background: #EFEFEF;
 max-width: 800px;
 margin: 0 auto;
}
#entry table tbody tr th,
#entry table tbody tr td{
 border: none;
 padding: .5em;
 display: inline-block;
 width: 100%;
 background: #EFEFEF;
 font-size: min(max(16px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 20px);
}
#entry table tbody tr td{
 padding: .5em 1em 1em;
}
#entry table tbody tr td:first-child {
 background: #EFEFEF;
    width: 100%;
 padding: 1em 1em 0 1em;
}

#entry table tbody tr td:first-child{
 border-top: 1px solid #fff;
}


#entry table tbody tr td label span {
    background-color: #B40019;
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 10px;
    margin-left: 20px;
    float: none;
}

tr td:last-child .control-label {
 font-size: min(max(18px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 26px);
}


.form-control {
    height: auto;
    padding: .8em;
    font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 18px);
    line-height: 1.42857143;
    color: #555;
    border-radius: 10px;
}


footer {
    background-color: #000;;
    /* background: #d3edfb; */
    color: #000;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    position: static;
}
footer ul{
 display: flex;
 justify-content: center;
}
footer ul li{
 margin: 0 1em;
 font-size: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 18px);
}

footer ul li a{
 color: #fff;
}

footer p {
    margin: 0 0 0px;
}

footer h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

footer a {
    text-decoration: underline;
    color: #000;
}

#entry table tbody tr td:first-child {
    /* background-color: #d3edfb; */
}

.btn-info {
    color: #fff;
    background-color: #a32b24d1;
    border-color: #A32B24;
}

.btn-info:visited,
.btn-info:hover,
.btn-info:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
.btn-info.disabled:visited,
.btn-info.disabled:hover,
.btn-info.disabled:active,
.btn-info:active:focus,
.btn-info:active:hover {
    color: #fff;
    background-color: #A32B24;
    border-color: #A32B24;
}


 .btn-info,
.btn-danger{
 color: #fff;
 background: #B40019;
 padding: 1em 3em;
  width: auto;
  margin: 0 .5em;
 border-radius: 50px;
 font-size: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 1.1719))), 26px);
 font-weight: bold;
 transition: all ease .4s;
 font-family: 'Roboto','Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}
 .btn-info:hover,
 .btn-danger:hover{
 background: #5D131D;
 text-decoration: none;
}

 .btn-default{
 color: #fff;
 background: #A4A4A4;
 padding: 1em 3em;
  width: auto;
 border-radius: 50px;
 font-size: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 1.1719))), 26px);
 font-weight: bold;
 transition: all ease .4s;
 font-family: 'Roboto','Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}

#member_contract{
 margin-bottom: 3%;
 line-height: 1.5;
}

#add #entry form #agree_ok,
#edit #entry form #agree_ok {
 max-width: 300px;
 margin: 0 auto 5%;
}

form .row:nth-of-type(3){
 padding: 1em 0 2em;
 text-align: center;
}
form .row:nth-of-type(3) .col-sm-12{
 display: flex;
 justify-content: center;
}
form .row:nth-of-type(3) .col-sm-12 button{
 margin: 0 .5em;
}

@media (max-width: 767px){
#add #entry table tbody tr#birthday_input .input-group {
    display: flex;
}
 #add #entry table tbody tr#birthday_input .input-group .input-group-addon{
    display: flex;
  justify-content: center;
  align-items: center;
  padding: .5em;
  min-width: 3em;
}
 #common, #entry {
    padding: 0 0;
}

 #common ul li {
    font-size: 1px;
 text-indent: -9999px;
}
 #entry table tbody tr:last-child {
    border-bottom: none;
}
 #entry table tbody tr th,
#entry table tbody tr td
 {
 padding: .5em 0;
}
#entry table tbody tr td{
 padding: .5em 0 1em;
}
 #entry table tbody tr td:first-child{
  padding: 1em 1em 0 0
 }
 footer ul{
  flex-direction: column;
}
footer ul li{
   margin: .5em 0;
}
.list-group li.list-group-item{
 width: 100%;
 font-size: 1px;
 text-indent: -9999px;
}
 .list-group li.list-group-item .visible-xs{
  display: none !important;
 }
 .list-group li.list-group-item{
 width: 25%;
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235.439%22%20height%3D%2235.439%22%20viewBox%3D%220%200%2035.439%2035.439%22%3E%20%3Cg%20id%3D%22_352466_arrow_down_icon%22%20data-name%3D%22352466_arrow_down_icon%22%20transform%3D%22translate(0.75%2035.439)%20rotate(-90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M14.089%2C16.42l6.77%2C6.77%2C6.77-6.77%2C2.089%2C2.089-8.86%2C8.86L12%2C18.509Z%22%20transform%3D%22translate(-3.14%20-4.493)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M0-.75H35.439V34.689H0Z%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 98% 50% / 18px;
}
.list-group li.list-group-item:last-child{
 background: none;
}

.list-group li.list-group-item:before{
 width: 24px;
 height: 24px;
}
 .list-group li.list-group-item:after{
 left: 30px;
}


}