@charset "UTF-8";


/*  display none
==============================================*/
.acdion-box .scrollmk {
    display: none;
}
.sidebg.user .btn-are {
    /*display: none;*/
}


/*  login時
==============================================*/
/* title-entry */
.title-entry {
    position: relative;
    min-height: 100px;
}
.title-entry:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: 2px solid #d5d5d5;
    bottom: 0;
    width: 100%;
}
.title-entry .area {
    margin-top: -3px;
}
.title-entry .area .title {
    font-size: 2.6rem;
    line-height: 1;
    font-weight: 600;
    text-align: center;
}
.title-entry .area .title span {
    font-family: sans-serif;
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    font-weight: normal;
}
.title-entry .area .sitle {
    font-size: 1.9rem;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 15px;
    margin-bottom: -10px;
    font-weight: 600;
}

.title-entry .area .chui-txt {
    text-align: center;
    line-height: 1.2;
    padding-top: 30px;
    padding-bottom: 10px;
    color: #e02300;
}
.title-entry .area .chui-txt a {
    display: inline;
    color: #026baf;
    /*box-shadow: none;*/
    box-shadow: 0 0px 0 transparent inset, 0px -1px 0px #4e9cf1 inset;
    padding-bottom: 1px;
    font-weight: 500;
}
.title-entry .area .chui-txt a:hover {
    /*box-shadow: 0 0px 0 transparent inset, 0px -1px 0px #4e9cf1 inset;*/
    box-shadow: none;
}

.title-entry .nav {
    flex-shrink: 0;
    max-width: 140px;
    margin-bottom: 5px;
}
.title-entry .nav .home {
}
.title-entry .nav .home a {
    background: #00a1e9;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 35px;
    font-weight: 600;
}

.title-entry .nav .home a:hover {
    background: #33B9AB;
}

.title-entry .nav .return {
    text-align: center;
    margin-top: 12px;
}
.title-entry .nav .return a {
    margin-left: -20px;
}
.title-entry .nav .return a i {
    font-size: 1.9rem;
    margin-right: 3px;
}
.title-entry .nav .return a:hover span {
    color: #1e2b52;
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #1e2b52 inset;
}
.title-entry .nav .title {
    font-size: 2.2rem;
    line-height: 1.3;
    text-align: center;
    padding: 30px 0;
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
}

.title-entry .flow {
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-self: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 2;
    max-width: 860px;
    margin: 0 auto;
    margin-top: 50px;
}
.title-entry .flow li {
    line-height: 1;
    position: relative;
    margin: 0 15px;
    padding-bottom: 30px;
    color: #9a9a9a;
    font-weight: 500;
    flex: 1;
    text-align: center;
}
.title-entry .flow li:before {
    content: "●";
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translate(-50%, 0);
    color: #d5d5d5;
}

.title-entry .flow li.on {
    color: #0893d1;
}
.title-entry .flow li.on:before {
    color: #17a2e1;
}

.title-entry .userin {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
.title-entry .userin .title {
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
    margin-left: 40px;
}
.title-entry .userin .prof {
    display: -webkit-flex;
    display: flex;
    margin-left: auto;
    margin-bottom: 8px;
}
.title-entry .userin .prof .txt {
    display: -webkit-flex;
    display: flex;
    align-self: center;
}
.title-entry .userin .prof .txt p {
    white-space: nowrap;
    font-size: 1.5rem;
    margin-right: 20px;
    font-weight: 500;
}
.title-entry .userin .prof button {
}

/* form-are */
.title-c {
    font-size: 1.9rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
}


/* privacy
==============================================*/
.privacy-are {
}
.privacy {
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 40px;
    overflow-y: scroll;
    height: 500px;
    margin: 0 auto;
    margin-top: 20px;
}
.privacy dl {
    margin-top: 40px;
}
.privacy dl:first-of-type {
    margin-top: 0;
}
.privacy dt {
    font-size: 1.6rem;
    font-weight: 600;
    border-bottom: 1px solid #bbb;
    padding-bottom: 5px;
}
.privacy dd {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    letter-spacing: 0.03em;
    font-size: 1.45rem;
}
.privacy dd.min {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    letter-spacing: 0.03em;
    font-size: 1.35rem;
}

.privacy dd p.min {
    padding-top: 10px;
    font-size: 1.35rem;
    font-feature-settings: "palt";
    color: #245890;
}
.privacy ul {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.privacy li {
    font-size: 1.45rem;
    text-indent: -0.5em;
    padding-left: 0.5em;
}
.privacy li a {
    display: inline-block;
    color: #085cb5;
    text-decoration: underline;
    text-indent: 0.5em;
}


/*  entry.html
==============================================*/
.entry-are {
}
.entry-are .txt {
}
.entry-are .txt p {
    text-align: center;
    line-height: 1.8;
    margin-bottom: 30px;
}
.entry-are .txt h5 {
    text-align: center;
    font-size: 1.8rem;
    color: #0893d1;
    font-weight: 600;
}
.entry-are .txt h6 {
    text-align: center;
    font-size: 1.4rem;
    margin-top: 5px;
    margin-bottom: 20px;
}
.entry-are input {
    border: 1px solid #0b73e2;
    height: 46px;
    max-width: 600px;
    margin: 0 auto;
}
.entry-are .btn-are {
    margin-top: 40px;
}

.input-code {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.input-code input {
    max-width: 35px;
    margin: 0;
    font-size: 2.0rem;
    margin: 0 3px;
    margin-top: 10px;
    padding: 0 5px;
    text-align: center;
}
.input-code input:placeholder-shown {
    font-size: 2.0rem;
}


/*  login.html
==============================================*/
.login .wrbody {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
.entry .wrbody {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

.login-are {
    display: -webkit-flex;
    display: flex;
    margin: 0 -20px;
}
.login-are .login-box {
    margin: 0 20px;
}
.login-are .login-box.lef {
    flex-basis: 57%;
}
.login-are .login-box.rig {
    flex-basis: 43%;
    align-self: flex-start;
}

.login-are .login-box .waku {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px 25px;
    padding-bottom: 40px;
}

.login-are .login-box .tai {
    font-size: 2.3rem;
    line-height: 1.2;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: center;
}
.login-are .login-box .tai span {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    font-weight: normal;
}

.login-are .login-box .waku .txt {
    font-size: 1.5rem;
    margin-bottom: 20px;
}
.login-are .login-box .waku .txt span {
    font-feature-settings: "palt";
}

.login-are .login-box.lef .waku {
    background-color: #f5f5f5;
}
.login-are .login-box.rig .waku {
    background-color: #fffde8;
    min-height: 230px;
    padding-bottom: 40px;
}

.login-are .login-box.lef .form li {
    padding-top: 20px;
}
.login-are .login-box.lef .form li:first-of-type {
    padding-top: 0;
}
.login-are .login-box.lef .error-are li {
    padding-top: 0;
}
.login-are .login-box.lef .btn-are {
    margin-top: 30px;
}
.login-are .login-box.lef .btn-are li {
    padding: 0;
    margin-top: 25px;
    text-align: center;
}

.login-are .login-box .blk-new {
    margin-top: 35px;
}
.login-are .login-box .form li input {
    background-color: #fff;
    border: 1px solid #c5c5c5;
}


/*  board（user）
==============================================*/
.board {
    border: 1px solid #ccc;
    padding-bottom: 30px;
}
.board .hed {
    display: -webkit-flex;
    display: flex;
}
.board .hed p {
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: 0.05em;
    padding: 10px 15px;
    font-weight: 500;
}
.board .hed p.odrnumber {
    background-color: #17a2e1;
    color: #fff;
}
.board .hed p.odrday {
    font-size: 1.4rem;
}

/*/// us-order ///*/
.us-order .area {
    display: -webkit-flex;
    display: flex;
    padding: 30px 20px;
    padding-bottom: 20px;
}
.us-order .area .pho {
    margin-right: 25px;
    flex-shrink: 0;
}
.us-order .area .pho img {
    width: 210px;
}
.us-order .area .txt {
}
.us-order .area .txt dl {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 6px;
}
.us-order .area .txt dl:last-of-type {
    margin-bottom: 0;
}

.us-order .area .txt dt {
    font-size: 1.5rem;
    flex-shrink: 0;
    width: auto;
    line-height: 1.4;
    margin-right: 5px;
}
.us-order .area .txt dd {
    line-height: 1.4;
    font-weight: 600;
}
.us-order .area .txt dd .mstxt {
    font-weight: normal;
    margin-left: 5px;
}

.us-order .area .txt dl.odtai {
    margin-bottom: 15px;
}
.us-order .area .txt dl.odtai dt {
    flex-shrink: initial;
    font-size: 1.7rem;
    width: auto;
    font-weight: 600;
}

.us-order .area .txt dl.odrprice {
    margin-bottom: 0;
}
.us-order .area .txt dl.odrprice strong {
    font-size: 1.6rem;
    font-weight: 600;
}
.us-order .area .txt dl.odrprice small {
    font-size: 1.3rem;
    font-weight: normal;
}

.us-order .area .txt dl.odrpay .edit-btx {
    margin-left: 10px;
    font-size: 1.4rem;
}
.us-order .area .txt dl.odrpay .edit-btx span {
    box-shadow: 0 0px 0 transparent inset, 0px -1px 0px #4e9cf1 inset;
}
.us-order .area .txt dl.odrpay .edit-btx:hover span  {
    box-shadow: none;
}


.us-order .btn-are .txt {
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    color: #0053ab;
    margin-bottom: 15px;
}
.us-order .btn-are .txt.red {
    color: #e02300;
}

.us-order .btn-are {
    display: block;
    padding: 0 20px;
    text-align: center;
}
.us-order .order-btn {
    max-width: 260px;
    height: 56px;
    font-size: 1.6rem;
    letter-spacing: 0.03em;
}
.us-order .order-btn span:before {
    content: "¥";
    width: 22px;
    height: 22px;
    background-color: #fff;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 1;
    font-size: 1.2rem;
    margin-right: 6px;
}

/*/// us-society ///*/
.us-society .area {
    padding: 30px 20px;
    padding-top: 25px;
    padding-bottom: 0;
}
.us-society .megtxt {
    /*margin-bottom: 35px;*/
    margin-bottom: 5px;
    display: block;
}
.us-society .megtxt dl {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}
.us-society .megtxt dl:first-of-type {
    padding-top: 0;
}
.us-society .megtxt dt {
    font-size: 1.6rem;
    font-weight: 500;
    margin-right: 10px;
    background-color: #daeef6;
    flex-shrink: 0;
    display: table;
    text-align: center;
    width: 100px;
}
.us-society .megtxt dt span {
    display: table-cell;
    vertical-align: middle;
}

.us-society .megtxt dd {
    font-size: 1.7rem;
    font-weight: 500;
}
.us-society .megtxt dd span {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: normal;
    align-self: center;
    margin-left: 15px;
}
.us-society .megtxt dd.min {
    font-size: 1.55rem;
}

.us-society .megtxt dl a {
    color: #085cb5;
    transition: 0.2s ease-out;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.4rem;
    vertical-align: top;
    align-self: center;
}
.us-society .megtxt dl a i {
    font-size: 1.8rem;
}
.us-society .megtxt dl a:hover {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}

.us-society .megtxt.line {
    padding-bottom: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
}

.us-society .megtxt .flx {
}
.us-society .megtxt .flx .pho {
    width: 300px;
}
.us-society .megtxt .flx .pho.web {
    width: 200px;
}
.us-society .megtxt .flx .txt {
}
.us-society .megtxt .googlelink {
}
.us-society .megtxt .googlelink a {
    color: #085cb5;
    transition: 0.2s ease-out;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.45rem;
    vertical-align: top;
    align-self: center;
}
.us-society .megtxt .googlelink a i {
    font-size: 1.8rem;
}
.us-society .megtxt .googlelink a:hover {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}
.us-society .megtxt .tyui {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    color: #e02300;
    font-weight: 400;
}


.us-society .subtxt {
    border: 1px solid #ccc;
    padding: 10px 15px;
    margin: 0 15px;
    margin-bottom: 25px;
    display: inline-block;
}
.us-society .subtxt p {
    font-weight: 600;
    margin-bottom: 8px;
}
.us-society .subtxt dl {
    display: -webkit-flex;
    display: flex;
}
.us-society .subtxt dl:first-of-type {
    padding-top: 0;
}
.us-society .subtxt dt {
    margin-right: 5px;
    white-space: nowrap;
}
.us-society .subtxt dd {
}

.us-society .destxt {
    margin-top: 30px;
    padding: 0 10px;
    padding-top: 25px;
    border-top: 1px solid #ccc;
}
.us-society .destxt dl {
    margin-top: 30px;
}
.us-society .destxt dl:first-of-type {
    margin-top: 0;
}
.us-society .destxt dt {
    display: inline-block;
    font-feature-settings : "palt";
    font-weight: 600;
    background-color: #ffd35a;
    padding: 8px 20px;
    min-width: 160px;
    border-radius: 20px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 6px;
}
.us-society .destxt dd {
    margin-top: 8px;
    font-size: 1.45rem;
    letter-spacing: 0.03em;
    line-height: 1.45;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.us-society .destxt dd strong {
    font-weight: 600;
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #f7bf27 inset;
    padding-bottom: 2px;
}
.us-society .destxt dd:before {
    content: "■";
    color: #4e4e4e;
    font-size: 1.5rem;
    position: relative;
    margin-right: 2px;
}
.us-society .destxt dl.chui dd:before {
    color: #f7bf27;
}
.us-society .destxt.lino {
    padding-top: 0;
    border-top: 0;
}

.us-society .megtxt .program {
    padding: 0;
    margin-top: 15px;
    margin-left: 5px;
}


.us-society .program {
    padding: 0 15px;
}

.us-society .program ul {
}
.us-society .program ul li {
}

.us-society .program .stxt {
    font-size: 1.35rem;
    line-height: 1.4;
}
.us-society .program .stxt.bold {
    color: #075cb5;
    font-weight: 600;
}
.us-society .program .stxt {
    font-size: 1.4rem;
    line-height: 1;
}
.us-society .program a.not {
    pointer-events: none;
    color: #8c8c8c;
    border: 1px solid #ccc;
    background-color: #eaeaea;
}

.us-society .program ul li .txt-btx {
    width: auto;
}
.us-society .program ul li .txt-btx i {
    margin-right: 5px;
}

.us-society .area hr {
    border: 0;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccc;
}

.us-society .destxt dl .txt {
    padding-left: 1em;
}
.us-society .destxt dl .txt p {
    font-size: 1.4rem;
    line-height: 1.3;
    margin-top: 4px;
}
.us-society .destxt dl .browser {
    padding-left: 1em;
    padding-top: 10px;
}
.us-society .destxt dl .browser ul {
    display: -webkit-flex;
    display: flex;
    border: 1px solid #bbb;
    flex: 1;
}
.us-society .destxt dl .browser ul:last-of-type {
    border-left: 0;
}
.us-society .destxt dl .browser li {
    font-size: 1.45rem;
}
.us-society .destxt dl .browser li.moku {
    background-color: #eee;
    width: 100px;
    text-align: center;
    display: table;
    border-right: 1px solid #bbb;
    font-weight: 600;
}
.us-society .destxt dl .browser li.moku span {
    display: table-cell;
    vertical-align: middle;
}
.us-society .destxt dl .browser li.reed {
    padding: 6px;
    padding-left: 15px;
}


/*/// us-timetable ///*/
.us-timetable {
    margin-top: 0;
    padding-bottom: 0;
    border: 1px solid #ccc;
    border-top: 0;
    background: #4e4e4e;
}
.us-timetable .hed {
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    display: -webkit-flex;
    display: flex;
}
.us-timetable .hed .search {
    width: 100%;
    max-width: 230px;
}
.us-timetable .hed .search .fm-select {
}
.us-timetable .hed .load {
    align-self: flex-end;
    margin-left: auto;
}
.us-timetable .hed .load a {
    color: #ffd35a;
    font-feature-settings: "palt";
    font-weight: 600;
}
.us-timetable .hed .load a i {
    color: #ffd35a;
    font-size: 2.1rem;
}
.us-timetable .hed .load a:hover span {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #ffd35a inset;
}

.us-timetable .area {
}
.us-timetable .area .hosoku {
    padding-bottom: 15px;
    padding-left: 15px;
}
.us-timetable .area .hosoku p {
    color: #fff;
    font-size: 1.4rem;
}

.us-timetable .area .waku {
    overflow: auto;
    height: auto;
    padding-top: 50px;
    /*transform: rotateX(180deg);*/
    transform: scale(1, -1);
}
.us-timetable .area .timetable {
    /*transform: rotateX(180deg);*/
    transform: scale(1, -1);
}

/*/// scrollbar ///*/
/* width */
.us-timetable .waku::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
.us-timetable .waku::-webkit-scrollbar-track {
    background: #6a6a6a; 
}
 
/* Handle */
.us-timetable .waku::-webkit-scrollbar-thumb {
    background: #ffd35a;
}

/* Handle on hover */
.us-timetable .waku::-webkit-scrollbar-thumb:hover {
    background: #ffd35a;
}


/*  program-are
==============================================*/
.program-are {
    border: 1px solid #ccc;
    padding: 25px 25px;
    padding-bottom: 10px;
    margin-top: 40px;
}
.program-are .title {
    font-size: 1.6rem;
    font-weight: 500;
    display: inline-block;
    padding: 6px 20px;
    background-color: #17a2e1;
    color: #fff;
    line-height: 1.2;
    border-radius: 20px;
    margin-bottom: 15px;
    letter-spacing: 0.05em;
}
.program-are .text {
    margin-bottom: 30px;
}
.program-are .text:last-of-type {
    margin-bottom: 20px;
}
.program-are .text p {
    font-size: 1.45rem;
    letter-spacing: 0.03em;
}
.program-are .text dl {
}
.program-are .text dt {
    font-size: 1.6rem;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 5px;
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #17a2e1 inset;
}
.program-are .text dd {
    margin-bottom: 20px;
    font-size: 1.45rem;
    letter-spacing: 0.03em;
}

.program {
}
.program .stxt {
    font-size: 1.35rem;
    line-height: 1.4;
}
.program .stxt.bold {
    color: #075cb5;
    font-weight: 600;
}


/*  user regist
==============================================*/
.regist-are {
    position: relative;
    display: -webkit-flex;
    display: flex;
}
.regist-are.flxno {
    position: relative;
    display: block;
}
.regist-are .smoku {
    width: 160px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.regist-are .fm-box {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
    padding: 3px 0;
    padding-left: 20px;
}
.regist-are .fm-box:first-of-type {
    padding-top: 15px;
}
.regist-are .fm-box:last-of-type {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

.regist-are .fm-box .moku {
    max-width: 160px;
    border-right: 0;
    background: none;
    padding: 0;
    color: #15449c;
}
.regist-are .fm-box .moku.ue {
    align-self: flex-start;
}
.regist-are .fm-box .moku.ue span {
    margin-top: 16px;
}

.regist-are .fm-box .reed {
    padding: 0;
    font-size: 1.5rem;
}

.regist-are button.edit-btx {
    position: absolute;
    top: 8px;
    right: 12px;
}


/* paylist
==============================================*/
.cart-pay {
    border: 1px solid #ccc;
}
.paylist {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
    padding: 25px;
    padding-bottom: 30px;
    padding-top: 30px;
}
.paylist:last-of-type {
    border-bottom: 0;
}
.paylist .title {
    flex-shrink: 0;
    width: 220px;
    margin-bottom: 20px;
}
.paylist .fm-radio label {
    font-weight: 600;
    font-size: 1.65rem;
}
.paylist .fm-radio p {
    font-weight: 600;
    font-size: 1.55rem;
}
.paylist .fm-radio p:before {
    content: "●";
    font-size: 2.0rem;
    line-height: 1;
    color: #3498db;
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.paylist .area {
    margin-bottom: 5px;
    flex: 1;
}
.paylist .imglist {
}
.paylist .imglist h3 {
    font-size: 1.45rem;
}
.paylist .imglist ul {
    display: -webkit-flex;
    display: flex;
    margin-top: 10px;
}
.paylist .imglist li {
    margin-right: 24px;
}
.paylist .imglist li:last-of-type {
    margin-right: 0;
}
.paylist .card-js {
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    border-radius: 6px;
    max-width: 650px;
    padding: 30px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
}
.paylist .card-js .blk {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 15px;
}
.paylist .card-js .moku {
    flex-shrink: 0;
    width: 110px;
    line-height: 1.2;
    margin-bottom: 10px;
}
.paylist .card-js .moku.mb-zro {
    margin-bottom: 0;
}

.paylist .card-js .reed {
    width: 100%;
}
.paylist .card-js input {
    background-color: #fff;
}

.paylist .card-js input.one {
}
.paylist .card-js input.two {
    max-width: 150px;
}
.paylist .card-js input.thr {
    max-width: 150px;
}
.paylist .card-js input.fou {
    max-width: 300px;
}

.paylist .card-js .flx a {
    align-self: center;
    background-color: #a9a9a9;
    color: #fff;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: table;
    font-size: 1.4rem;
    line-height: 1;
    margin-left: 10px;
}
.paylist .card-js .flx a:hover {
    background-color: #3188e2;
}
.paylist .card-js .flx a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.paylist .stxt {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1.2rem;
    color: #777;
    padding-top: 10px;
}
.paylist .stxt i {
    font-size: 1.5rem;
    position: relative;
    top: -1px;
}
.paylist .stxt span {
}
.paylist .txt {
    display: -webkit-flex;
    display: flex;
}
.paylist .txt .war {
    background-color: #e02300;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    padding: 6px 8px;
    border-radius: 3px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    white-space: nowrap;
}
.paylist .txt ul {
    margin-left: 5px;
}
.paylist .txt li {
    font-size: 1.45rem;
}
.paylist .waku {
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 20px;
    padding-bottom: 15px;
    border-radius: 6px;
    margin-top: 20px;
    margin-bottom: 15px;
    max-width: 650px;
}
.paylist .waku ol {
}
.paylist .waku li {
    margin-bottom: 8px;
    font-size: 1.45rem;
    line-height: 1.5;
    text-indent: -0.8em;
    padding-left: 1em;
}
.paylist .waku li:before {
    content: "●";
    font-size: 1.0rem;
    margin-right: 2px;
}
.paylist .waku li.link {
    margin-bottom: 0;
    margin-top: 10px;
    text-indent: inherit;
    padding-left: 3px;
}
.paylist .waku li.link:before {
    display: none;
}
.paylist .waku li.link a {
}
.paylist .waku li.link a i {
    margin-left: -4px;
    margin-right: -2px;
    font-size: 1.8rem;
}

.cart-pay .error-are {
    margin-bottom: 0;
    margin-top: 20px;
    max-width: 600px;
}

/*/// bank ///*/
.paylist.bank .waku {
    margin-top: 0;
}

/*/// user regist conf ///*/
.cart-conf {
}
.cart-conf .board.us-order {
    margin-top: 0;
    padding-bottom: 0;
}


/*/// user cart-pay ///*/
.user .cart-pay .paylist .title {
    width: auto;
    margin-right: 50px;
}


/*  us-document
==============================================*/
.us-document {
    margin-top: 30px;
}
.us-document .order-btn span:before {
    display: none;
}
.us-document .board.us-order {
    padding-bottom: 0;
}

.regist-are .shiharai .fm-box {
    padding-top: 15px;
    padding-bottom: 15px;
}
.regist-are .waku-box {
    border-top: 0;
    border: 1px solid #ccc;
}
.regist-are .waku-box {
    padding: 15px;
}
.regist-are .waku-box ol {
}
.regist-are .waku-box li {
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.4;
    text-indent: -0.8em;
    padding-left: 1em;
    letter-spacing: 0.02em;
}
.regist-are .waku-box li:before {
    content: "●";
    font-size: 1.0rem;
    margin-right: 2px;
}
.regist-are .waku-box li.link {
    margin-bottom: 0;
    margin-top: 5px;
    text-indent: inherit;
    padding-left: 3px;
}
.regist-are .waku-box li.link:before {
    display: none;
}
.regist-are .waku-box li.link a {
}
.regist-are .waku-box li.link a i {
    margin-left: -4px;
    margin-right: -2px;
    font-size: 1.8rem;
}

/*/// unpaid ///*/
.unpaid-txt {
    margin-bottom: 10px;
}
.unpaid-txt .txt {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    color: #e02300;
    max-width: 560px;
    margin: 0 auto;
}
.waku-mesg {
    max-width: 560px;
    margin: 0 auto;
    border: 1px solid #e02300;
    padding: 10px 20px;
    margin-top: 10px;
}
.waku-mesg p {
    font-size: 1.45rem;
}
.waku-mesg ul {
    margin-top: 5px;
}
.waku-mesg ul li {
    display: -webkit-flex;
    display: flex;
    font-size: 1.45rem;
    line-height: 1.2;
    margin-top: 3px;
    padding-top: 4px;
}
.waku-mesg ul li span {
    flex-shrink: 0;
}
.waku-mesg ul li a {
    display: inline;
    color: #085cb5;
    padding-bottom: 2px;
    transition: 0.2s ease-out;
    word-break: break-all;
}
.waku-mesg ul li a:hover {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}

.us-order .unpaid-txt .btn-are {
}
.us-order .unpaid-txt .btn-are .file-btx {
    line-height: 1.4;
}

.us-document .unpaid-txt {
    margin-bottom: 25px;
}

.regist-are.unpaid .fm-box {
    background-color: #fff1f0;
}
.regist-are.unpaid .fm-box .reed span {
    color: #e02300;
    margin-left: 10px;
}
.unpaid .order-btn {
    background-color: #e0e0e0;
    border: 0;
    color: #999;
    pointer-events: none; 
}

.us-issue {
    margin-top: 30px;
}
.us-issue .unpaid-txt {
    margin-top: -10px;
    margin-bottom: 15px;
    font-size: 1.4rem;
    color: #e02300;
}

.doct-regt.edit .fm-box.organ .reed {
    padding-top: 25px;
    padding-bottom: 30px;
}


/*  rireki-hed
==============================================*/
.rireki-hed {
    position: relative;
    display: -webkit-flex;
    display: flex;
    border: 1px solid #ccc;
    background-color: #f5f5f5;
    border-radius: 6px 6px 0 0;
}

.rireki-hed .info {
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
}
.rireki-hed .info ul {
    display: -webkit-flex;
    display: flex;
}
.rireki-hed .info li {
    font-size: 1.4rem;
    margin-left: 35px;
}
.rireki-hed .info li:first-of-type {
    margin-left: 0;
}
.rireki-hed .info li .moku {
    font-weight: 600;
}
.rireki-hed .info li .txt {
    font-size: 1.45rem;
}
.rireki-hed .info li .txt small {
    font-feature-settings : "palt";
}

.rireki-hed .paper {
    position: relative;
    align-self: center;
    margin-left: auto;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 8px;
}
.rireki-hed .paper ul {
    display: -webkit-flex;
    display: flex;
    align-self: center;
    clear: both;
    overflow: hidden;
}
.rireki-hed .paper li {
    margin-left: 10px;
    width: 100%;
}
.rireki-hed .paper li:first-of-type {
    margin-left: 0;
}

.rireki-hed .paper li a {
    font-size: 1.35rem;
    color: #085cb5;
}
.rireki-hed .paper li a:hover{
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}
.rireki-hed .paper .edit-btx {
    float: right;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-right: 8px;
}

/*/// tab-menu ///*/
.tab-menu button {
    color: #085cb5;
    transition: 0.2s ease-out;
    font-family: inherit;
    font-weight: 500;
    padding: 7px 15px;
    border-radius: 3px;
    border: 1px solid #7298bf;
}
.tab-menu button:hover {
    background-color: #d9f3fe;
}
.tab-menu button.active {
    background-color: #3188e2;
    color: #fff;
    border: 1px solid #085cb5;
}
.tabconte {
  display: none;
}
.tabconte {
  animation: fadeEffect 1s;
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}


/*  doct-are
==============================================*/
.slbody.doct .koshin-are {
    margin-top: 20px;
}
.doct-are .btn-are {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.doct-are .regt-btn {
    margin: 0;
    font-size: 1.3rem;
    letter-spacing: 0.05em;
    height: 36px;
    width: 160px;
    border-radius: 5px;
}
.doct-are .regt-btn.icon i {
    margin-left: -5px;
    margin-right: 5px;
    font-size: 1.8rem;
}

.doct-are {
    padding: 25px;
    padding-top: 20px;
    padding-bottom: 40px;
    border: 1px solid #ccc;
    border-top: 0;
}
.doct-are .area {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
}
.doct-are .mesare {
    padding-bottom: 20px;
}
.doct-are .mesare dl {
    padding: 15px;
    padding-top: 10px;
    border: 1px solid #e02300;
}
.doct-are .mesare dt {
    color: #e02300;
    font-feature-settings: "palt";
    letter-spacing: 0.05em;
    margin-bottom: 6px;
    line-height: 1.4;
    font-weight: 500;
}
.doct-are .mesare dd {
    font-size: 1.45rem;
}
.doct-are .mesare dd a {
    display: inline-block;
    color: #085cb5;
    transition: 0.2s ease-out;
}
.doct-are .mesare dd a:hover {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}

/*///// doct-regt /////*/
.doct-regt {
    border: 1px solid #ccc;
    border-top: 0;
    padding: 25px;
    padding-bottom: 40px;
}
.doct-regt .txt {
    margin-bottom: 10px;
}
.doct-regt .txt p {
    margin-left: 5px;
    color: #085cb5;
}
.doct-regt .txt p:before {
    content: "▼";
    color: #3188e2;
}
.doct-regt .fm-box .moku {
    max-width: 150px;
}

.doct-hed {
}
.doct-hed h2 {
    font-size: 2.8rem;
    text-align: center;
    font-weight: 600;
}
.doct-hed .number {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.doct-hed .number p {
    font-size: 1.4rem;
}

.doct-hed .flxare {
    margin-top: 30px;
}
.doct-hed .atena {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid;
    align-self: flex-start;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 400px;
}
.doct-hed .atena ol {
}
.doct-hed .atena ol li {
    font-size: 1.65rem;
    line-height: 1.3;
}
.doct-hed .atena ol li.name {
    font-size: 2.0rem;
    margin-top: 10px;
    min-width: 160px;
}
.doct-hed .atena p {
    align-self: flex-end;
    margin-left: 15px;
    white-space: nowrap;
    font-size: 1.9rem;
    line-height: 1.3;
}
.doct-hed .atena p strong {
    font-weight: 600;
}

.doct-are .syusai {
    position: relative;
    margin-left: auto;
}
.doct-are .syusai p {
    font-size: 1.4rem;
}
.doct-are .syusai ol {
}
.doct-are .syusai ol li {
    font-size: 1.3rem;
    line-height: 1.45;
}
.doct-are .syusai .img {
    width: 90px;
    position: absolute;
    top: 30px;
    right: 5px;
}

.doct-tbl {
    margin-top: 40px;
}
.doct-tbl h3 {
    font-size: 1.8rem;
    margin-bottom: 10px;
    margin-left: 15px;
    font-weight: 600;
}
.doct-tbl table {
    border: 0;
    min-height: inherit;
    width: 100%;
}
.doct-tbl table th,
.doct-tbl table td {
    text-align: left;
    font-size: 1.45rem;
}

.doct-tbl thead {
}
.doct-tbl thead tr {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: #eee;
}

.doct-tbl thead th {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 20px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.doct-tbl thead th:nth-of-type(1) {
    width: 25%;
}
.doct-tbl thead th:nth-of-type(2) {
    width: 50%;
}
.doct-tbl thead th:nth-of-type(3),
.doct-tbl tbody td:nth-of-type(3) {
    text-align: center;
}

.doct-tbl tbody th,
.doct-tbl tbody td {
    padding: 30px 20px;
    white-space: nowrap;
    line-height: 1.6;
}
.doct-tbl tbody tr {
    border-bottom: 1px solid #aaa;
}
.doct-tbl tbody tr:last-of-type {
    border-bottom: 0;
}

.doct-are .price {
    margin-top: 60px;
}
.doct-are .price ol {
    display: -webkit-flex;
    display: flex;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    max-width: 360px;
    margin: 0 auto;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.doct-are .price ol li {
    font-size: 2.1rem;
    margin: 0 25px;
    line-height: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.doct-are .price ol li span {
    font-size: 2.6rem;
    margin-right: 15px;
    font-family: serif;
}
.doct-are .price ol li strong {
    font-size: 3.3rem;
    letter-spacing: 0.05em;
    font-family: serif;
    margin-right: 5px;
}

.doct-are.seikyu .price ol li span {
    font-size: 2.0rem;
    margin-right: 20px;
    font-family: sans-serif;
}
.doct-are.seikyu .price ol li strong {
    font-size: 3.0rem;
}

.doct-are .price p {
    text-align: center;
    letter-spacing: 0.03em;
}

.doct-are .txtare {
    border: 1px solid #aaa;
    padding: 20px;
    padding-top: 10px;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
}
.doct-are .txtare .hed {
    margin-bottom: 20px;
}
.doct-are .txtare .hed dl {
    clear: both;
    overflow: hidden;
}
.doct-are .txtare .hed dt {
    float: left;
    font-weight: 500;
    margin-top: 10px;
    line-height: 1.2;
}
.doct-are .txtare .hed dd {
    margin-left: 90px;
    margin-top: 10px;
    line-height: 1.2;
}
.doct-are .txtare .fot {
    border-top: 1px solid #aaa;
    padding-top: 20px;
}
.doct-are .txtare .fot ul {
}
.doct-are .txtare .fot li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 10px;
    font-size: 1.4rem;
}
.doct-are .txtare .fot li:last-of-type {
    margin-bottom: 0;
}

.doct-are .txtare.card,
.doct-are .txtare.payno {
    border: 0;
}
.doct-are .txtare.payno p {
    font-size: 1.45rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.doct-are .txtare.payno .hed {
    margin-bottom: 0;
    margin-top: 20px;
}
.doct-are .txtare.payno .hed dl {
    border: 1px solid #aaa;
    padding: 10px 20px;
    padding-bottom: 20px;
}
.doct-are .txtare.payno .hed dt {
    font-size: 1.4rem;
}
.doct-are .txtare.payno .hed dd {
    margin-left: 100px;
    font-size: 1.4rem;
}
.doct-are .txtare .fot {
    padding-top: 15px;
}

.doct-are .txtare.card {
}
.doct-are .flxare {
    margin-top: 0;
}

.doct-are.ryosyu {
    min-height: 350px;
}
.doct-are.ryosyu .area {
    padding: 0;
    margin-top: 30px;
    border: 1px solid #999;
}
.doct-are.ryosyu .doct-hed h2 {
    font-family: serif;
    background-color: #f2f2f2;
    background-image: url(https://www.transparenttextures.com/patterns/arches.png);
    padding: 25px 0;
    border-bottom: 1px solid #eee;
}
.doct-are.ryosyu .doct-hed .blkch {
    padding: 0 20px;
    margin-top: 10px;
}
.doct-are.ryosyu .doct-hed .blkch .flxare {
    padding: 0;
}
.doct-are.ryosyu .doct-hed .blkch .number {
    -webkit-justify-content: initial;
    justify-content: initial;
}
.doct-are.ryosyu .doct-hed .blkch .number p {
    margin-left: auto;
}
.doct-are.ryosyu .doct-hed .blkch .atena p {
    font-family: serif;
}

.doct-are.ryosyu .price {
    padding: 0 20px;
}
.doct-are.ryosyu .price p {
    font-size: 1.65rem;
    font-family: serif;
    font-weight: 600;
}

.doct-are .gakai {
    margin-top: 60px;
    position: relative;
}
.doct-are .gakai .blk {
    text-align: right;
    padding-right: 90px;
    padding-bottom: 50px;
    font-family: serif;
}
.doct-are .gakai p {
    font-size: 1.5rem;
    font-family: serif;
}
.doct-are .gakai ol {
}
.doct-are .gakai ol li {
    font-size: 1.3rem;
    line-height: 1.45;
}
.doct-are .gakai .img {
    width: 95px;
    position: absolute;
    bottom: 30px;
    right: 20px;
}
.doct-are .gakai p.day {
}
.doct-are .gakai p.gname {
    font-size: 1.6rem;
}
.doct-are .gakai h4 {
    font-size: 1.8rem;
    font-family: serif;
    font-weight: 600;
    line-height: 1;
    margin-top: 5px;
}
.doct-are .gakai h4 span {
    font-size: 1.5rem;
    font-weight: normal;
    margin-right: 10px;
}
.doct-are .gakai .blk ul {
}
.doct-are .gakai .blk ul li {
    margin-top: 10px;
}
.doct-are .gakai .blk ul li:first-of-type {
    margin-top: 5px;
}


.doct-are .seikyu .area {
    padding: 0;
    margin-top: 30px;
    border: 1px solid #999;
}
.doct-are .seikyu .doct-hed h2 {
    font-family: inherit;
    font-weight: 500;
    background-color: #f8f8f8;
    background-image: url("https://www.transparenttextures.com/patterns/climpek.png");
}
.seikyu-box {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 40px;
}
.seikyu-box dl {
    border-bottom: 1px solid #ccc;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 15px 10px;
}
.seikyu-box dl dt {
    display: table-cell;
    width: 130px;
    font-size: 1.6rem;
    line-height: 1.2;
}
.seikyu-box dl dd {
    display: table-cell;
    font-size: 1.6rem;
    line-height: 1.2;
}

.doct-are .seikyu .gakai {
    margin-top: 45px;
}
.doct-are .seikyu .gakai p {
    line-height: 1.4;
    letter-spacing: 0.05em;
}
.doct-are .seikyu .gakai h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.doct-are .seikyu .gakai .blk {
    padding-bottom: 40px;
}



/*  user-box
==============================================*/
.user-box {
}
.user-box .list {
    margin-top: 35px;
}
.user-box .area {
    border: 1px solid #bbb;
    padding: 25px;
    padding-bottom: 35px;
    border-radius: 0 8px 8px 8px;
}
.user-box .flag {
	display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-right: 70px;
    padding-left: 15px;
}
.user-box .flag::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #0b73e2;
	transform: scaleY(1.5) perspective(15px) rotateX(8deg);
	transform-origin: bottom left;
	border-radius: 8px 8px 0 0;
}
.user-box .flag span {
}
.user-box .hedare {
}
.user-box .hedare .day {
    color: #0b73e2;
}
.user-box .hedare .tai {
    margin-bottom: 20px;
    font-size: 1.9rem;
    font-weight: 600;
}
.user-box .hedare .txt {
}

.user-box .regist-are {
    margin-top: 30px;
}
.user-box .regist-are .pho {
    margin-right: 20px;
}
.user-box .regist-are .txt {
}
.user-box .regist-are .item {
}
.user-box .regist-are .sub {
}

.deliver-are {
    border: 1px solid #3188e2;
    background-color: #fffef7;
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    margin-top: 20px;
    border-radius: 6px;
}
.deliver-are .tai {
}
.deliver-are .txt {
    margin-top: 10px;
}
.deliver-are .txt a {
    color: #0b73e2;
    display: inline-block;
    font-weight: 600;
    transition: 0.2s ease-out;
}
.deliver-are .txt a:hover {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}
.deliver-are .txt p {
    font-size: 1.8rem;
    font-weight: 600;
}


/* user-info
==============================================*/
.user-info {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px;
}
.user-info .fm-box .docme .file {
}
.user-info .fm-box .docme .file .upbtn {
	margin-bottom: 3px;
}
.user-info .document-area.conf .photo-row a.link {
	color: #085cb5;
}
.user-info .document-area.conf .photo-row a.link span {
    transition: 0.2s ease-out;
}
.user-info .document-area.conf .photo-row a.link:hover span {
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
}
.user-info.conf .fm-box .moku,
.user-info.conf .fm-box .reed {
    padding-top: 15px;
    padding-bottom: 15px;
}


/* user-contact
==============================================*/
.user-conta {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 40px;
}
.contact dl {
    width: 100%;
    margin: 0;
    margin-top: 50px;
}
.contact dl:first-of-type {
    margin-top: 0;
}
.contact dt {
    position: relative;
    line-height: 1.3;
}
.contact dt span {
    font-size: 1.7rem;
    padding: 10px 20px;
    display: inline-block;
    border: 1px solid #0367b5;
    border-bottom: 0;
    background-color: #e6f4fc;
    color: #111;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.contact dt:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: 1px solid #0367b5;
    bottom: 0;
    width: 100%;
}
.contact dd {
    margin: 0 10px;
    margin-top: 20px;
}
.contact dd h3 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact dd p {
    padding: 3px 0;
}
.contact dd a {
    display: inline;
    color: #076fb3;
    box-shadow: 0 0px 0 transparent inset, 0px -1px 0px #4e9cf1 inset;
    padding-bottom: 2px;
    position: relative;
    top: -1px;
}
.contact dd a:hover {
    box-shadow: none;
}

.mailtxt {
    display: -webkit-flex;
    display: flex;
    line-height: 1;
}
.mailtxt span {
    flex-shrink: 0;
}
.mailtxt a {
    display: inline;
    color: #076fb3;
    box-shadow: 0 0px 0 transparent inset, 0px -2px 0px #4e9cf1 inset;
    padding-bottom: 2px;
    word-break: break-all;
}



/* user-privacy
==============================================*/
.user-privacy {
    margin-top: 35px;
    margin-left: 15px;
    margin-right: 10px;
}
.user-privacy .privacy {
    border: 0;
    background: none;
    padding: 0;
    overflow-y: inherit;
    max-width: inherit;
    height: auto;
    margin: 0 auto;
    margin: 0;
}


/*  lost
==============================================*/
.title-d {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.entry-are.lost {
    margin-top: 30px;
}
.entry-are.lost .txt h5 {
    margin-bottom: 20px;
}

.entry-are.password {
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
}
.entry-are.password .txt h5 {
    margin-bottom: 20px;
}
.entry-are.password input {
    border: 1px solid #aaa;
    height: 40px;
    max-width: inherit;
    margin: 0;
}
.entry-are.password .fm-box .reed {
    padding: 25px;
    padding-left: 25px;
}

.thak-are.lost .hedare h3 {
    font-size: 2.1rem;
}

.thak-are.lost .myp-btn {
    width: 200px;
}


/*  timetable
==============================================*/
.timetable {
    display: -webkit-flex;
    display: flex;
    width: auto;
    /*margin-bottom: 20px;*/
}
.table-form {
    flex-shrink: 0;
    width: 460px;
    font-size: 1.55rem;
    padding: 0 15px;
    padding-top: 25px;
    margin: 0 auto;
}
.table-form.widmax {
    width: 100%;
    padding: 0 40px;
}
.table-form.mt-zo {
    padding-top: 0;
}

.timetable .divare {
    background: #fff;
    border: 1px solid #999;
    border-top: 0;
    display: -webkit-flex;
    display: flex;
}
.timetable .divare.days {
    background: none;
    border: 0;
    border-bottom: 1px solid #999;
}
.timetable .divare.days h3 {
    background: none;
    margin-bottom: 6px;
    padding: 0;
    font-size: 2.0rem;
    color: #fff;
}

.timetable .divare.title {
    display: block;
    background-color: #ffd35a;
    padding: 15px 10px;
    text-align: center;
}
.timetable .divare.title h3 {
    font-size: 1.8rem;
    font-weight: 600;
}
.timetable .divare.title h4 {
    line-height: 1.0;
    font-weight: 500;
    margin-top: 6px;
    margin-bottom: 2px;
}

.timetable .time_are {
    line-height: 1;
    width: 80px;
    flex-shrink: 0;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    background: #ffefb2;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    border-right: 1px solid #ccc;
    padding: 10px 0;
}
.timetable .time_are.t-zro {
    padding-top: 0;
}

.timetable .time_are .blk {
    padding-top: 10px;
    padding-bottom: 10px;
}

.timetable .box_are {
    flex: 1;
    display: table;
    padding: 0 20px;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    /*min-height: 110px;*/
}

.timetable .title_are {
    display: table-cell;
    vertical-align: middle;
    /*text-align: center;*/
}
.timetable .title_are.ctr {
    text-align: center;
}

.timetable .title_are dl {
    display: table;
}
.timetable .title_are dt {
    display: table-cell;
    line-height: 1.3;
    font-weight: 600;
}
.timetable .title_are dd {
    display: table-cell;
    line-height: 1.4;
    font-size: 1.5rem;
}

.timetable .title_are dl.tai {
    margin-bottom: 10px;
}
.timetable .title_are dl.tai dt {
    font-size: 1.65rem;
    line-height: 1.4;
    font-weight: 600;
}
.timetable .title_are dl.sub {
    margin-bottom: 10px;
}
.timetable .title_are dl.sub dt {
    line-height: 1.4;
    font-weight: 600;
}

.timetable .title_are dl.nmbr {
    margin-bottom: 10px;
}
.timetable .title_are dl.nmbr dt,
.timetable .title_are dl.nmbr dd {
    font-size: 1.6rem;
    font-weight: 600;
    font-feature-settings : "palt";
}

.timetable .box_are.tabno {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}
.timetable .box_are.tabno .title_are {
    display: block;
}

.timetable .txare_are {
    margin-top: 15px;
}
.timetable .txare_are .guest {
    display: -webkit-flex;
    display: flex;
    font-size: 1.6rem;
}
.timetable .txare_are .sponsor {
    display: -webkit-flex;
    display: flex;
    margin-top: 15px;
    padding-left: 10px;
}


/*/// text ///*/
.timetable h3 {
    flex: 1;
    text-align: center;
    font-weight: 600;
}

.timetable .time_1 {
    font-weight: 600;
    letter-spacing: 0.1em;
}
.timetable .time_p {
    font-size: 1.3rem;
    padding: 8px 0;
    color: #999;
}
.timetable .time_2 {
    font-weight: 600;
    letter-spacing: 0.1em;
}

.timetable .title_1 {
    font-size: 1.7rem;
    line-height: 1.4;
    font-weight: 600;
}
.timetable .title_2 {
    font-size: 1.7rem;
    line-height: 1.4;
    font-weight: 500;
}
.timetable .title_3 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: 500;
    font-feature-settings : "palt";
}
.timetable .title_4 {
    font-size: 1.5rem;
    line-height: 1.4;
}

.timetable .txt_bo {
    line-height: 1.4;
    font-weight: 600;
}
.timetable .txt_1 {
    line-height: 1.4;
    margin-bottom: 8px;
}
.timetable .txt_1:last-of-type {
    margin-bottom: 0;
}
.timetable .txt_1 p {
    font-weight: 600;
}
.timetable .txt_1 span {
    font-size: 1.4rem;
}

.timetable .txt_2 {
    line-height: 1.4;
    white-space: nowrap;
}
.timetable .txt_3 {
    line-height: 1.4;
    margin-left: 10px;
    margin-right: 10px;
}
.timetable .txt_4 {
    text-align: center;
}
.timetable .txt_5 {
    font-size: 1.4rem;
    text-align: center;
    color: #e02300;
}


/*/// area text ///*/
.timetable .title_are.ctr .title_1 {
    margin: 0 auto;
}
.timetable .btn_are {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 5px;
}

.timetable .btn_are .btn {
    padding: 6px 20px;
    margin: 0 10px;
    margin-top: 20px;
    line-height: 1.15;
    height: 46px;
    width: 100%;
    max-width: 200px;
    font-size: 1.45rem;
}
.timetable .btn_are .btn span {
    white-space: normal;
}

.timetable .acce-btn {
    min-height: 38px;
    border-radius: 5px;
}
.timetable .acce-btn i {
    font-size: 2.0rem;
    margin-right: 5px;
}
.timetable .not .acce-btn {
    pointer-events: none; 
    background-color: #d5d5d5;
    color: #6f6f6f;
}


.timetable .box_are.ctr {
    background-color: #f5f5f5;
    padding: 15px;
}

.timetable .time_are.flxno {
    display: block;
}
.timetable hr {
    border: 0;
    margin: 0;
    border-bottom: 1px dashed #c1c1c1;
    margin-top: 20px;
    margin-bottom: 20px;
}

.us-timetable .fm-select select {
    background-color: #fff;
}

.timetable .box_are.h260 {
    height: 260px;
}
.timetable .box_are.h180 {
    height: 180px;
}

.timetable .divare.space1 {
    height: 65px;
}
.timetable .divare.space2 {
    height: 123px;
}

.timetable .box_are.ctr {
    min-height: 80px;
}

.timetable .box_are.allbtn {
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 25px;
}
.timetable .box_are.allbtne .btn {
    margin-top: 10px;
}


/*  CLOCE
==============================================*/
.closetxt {
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.close-txt {
    width: 100%;
    height: 180px;
    display: table;
    text-align: center;
    background-color: #f2f2f2;
}
.close-txt.long {
    height: 300px;
}
.close-txt h4 {
    font-size: 1.7rem;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}
.close-txt h5 {
    font-size: 1.5rem;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -30px;
    color: #fff;
}

.close-txt.jyunbi {
    height: 300px;
    background: #4e4e4e;
}
.close-txt.jyunbi h5 {
    top: 0;
}


/*  参加証の発行
==============================================*/
.us-society .doct-are {
    border:0;
    padding-bottom: 0;
}
.sanka-box {
    max-width: 800px;
    border: 1px solid #bbb;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 30px;
    background-color: #ffffff;
    /*background-image: url(https://www.transparenttextures.com/patterns/skeletal-weave.png);
    background-image: url("https://www.transparenttextures.com/patterns/subtle-dots.png");
    background-image: url("https://www.transparenttextures.com/patterns/squared-metal.png");
    background-image: url("https://www.transparenttextures.com/patterns/p6.png");*/
    background-image: url("https://www.transparenttextures.com/patterns/subtle-dark-vertical.png");
}
.sanka-box .box-a {
}
.sanka-box .box-a .title {
    text-align: center;
    padding-top: 40px;
    border-top: 4px solid #107dc3;
}
.sanka-box .box-a .title h2 {
    font-size: 3.0rem;
    line-height: 1.2;
    font-family: serif;
    font-weight: 600;
}
.sanka-box .box-a .title h2.min {
    font-size: 2.9rem;
}

.sanka-box .box-a .title p {
    font-size: 1.0rem;
    letter-spacing: 0.12em;
    line-height: 1.2;
    margin-top: 10px;
}
.sanka-box .box-a .title h3 {
    line-height: 1;
    margin-top: 10px;
    font-family: serif;
    font-weight: 600;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.sanka-box .box-a .title h3:before,
.sanka-box .box-a .title h3:after {
  content: "";
    height: 1px;
    background: #c3d5de;
    width: 50px;
}
.sanka-box .box-a .title h3:before {
    margin-right: 15px;
}
.sanka-box .box-a .title h3:after {
    margin-left: 15px;
}

.sanka-box .box-a .stitle {
    padding-top: 25px;
}
.sanka-box .box-a .stitle .flx {
    flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
    border: 1px solid #107dc3;
}
.sanka-box .box-a .stitle h2 {
    text-align: center;
    font-size: 2.3rem;
    line-height: 1.1;
    letter-spacing: 0.3em;
    font-family: serif;
    font-weight: 600;
    padding: 10px 0;
    background-color: #107dc3;
    color: #fff;
}
.sanka-box .box-a .stitle p {
    text-align: center;
    font-family: serif;
    padding: 20px 10px;
    line-height: 1;
    font-size: 1.9rem;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.sanka-box .box-b {
}
.sanka-box .box-b .name {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 45px;
}
.sanka-box .box-b .name dl {
    display: -webkit-flex;
    display: flex;
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.sanka-box .box-b .name dt {
    flex-shrink: 0;
    font-family: serif;
    line-height: 1.2;
    align-self: flex-end;
}
.sanka-box .box-b .name dd {
    font-family: serif;
    line-height: 1.2;
    font-weight: 600;
    font-size: 1.8rem;
    margin-left: 10px;
}
.sanka-box .box-b .name dl.mei dd {
    font-size: 2.0rem;
}

.sanka-box .box-b h3 {
    font-size: 1.6rem;
    line-height: 1.6;
    font-family: serif;
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: 600;
    padding: 0 30px;
    margin-bottom: 25px;
    margin-top: 30px;
}

.sanka-box .box-b .txt {
    text-align: center;
}
.sanka-box .box-b .txt .blk {
    display: inline-block;
}

.sanka-box .box-b .txt dl {
    display: -webkit-flex;
    display: flex;
}
.sanka-box .box-b .txt dt {
    font-size: 1.6rem;
    letter-spacing: normal;
}
.sanka-box .box-b .txt dd {
    font-size: 1.6rem;
    letter-spacing: normal;
}

.sanka-box .box-b .gakai {
    position: relative;
    text-align: right;
    max-width: 600px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
}
.sanka-box .box-b .gakai .blk {
    padding: 0;
}
.sanka-box .box-b .gakai p {
    font-family: serif;
}
.sanka-box .box-b .gakai p.gname {
    font-size: 1.6rem;
}
.sanka-box .box-b .gakai h4 {
    font-size: 1.8rem;
    font-family: serif;
    font-weight: 600;
    line-height: 1;
}
.sanka-box .box-b .gakai h4 span {
    font-size: 1.5rem;
    font-weight: normal;
    margin-right: 10px;
}
.sanka-box .box-b .gakai .img {
    position: absolute;
    bottom: -20px;
    right: -55px;
}


.limit-txt {
    width: 100%;
    height: 200px;
    display: table;
    text-align: center;
}
.limit-txt h5 {
    font-size: 1.55rem;
    line-height: 2;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.limit-txt.waku {
    border: 1px solid #ccc;
    border-top: 0;
    height: 260px;
    padding-bottom: 40px;
}


/*  追加 login
==============================================*/
.field-icon {
    color: #555;
    float: right;
    margin-right: 15px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
}
.material-icons.mdi-eye:before {
    content: "\e417";
    color: #2b913d;
}
.material-icons.mdi-eye-off:before {
    content: "\e76e";
}

.approval-are {
}
.approval-are .cp-logo {
    width: 320px;
    margin: 0 auto;
}
.approval-are .cp-logo img {
    position: relative;
    left: -15px;
}

.approval-are .cp-tai {
    font-size: 1.8rem;
    letter-spacing: 0.2em;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
}

.approval-are .cp-txt {
    text-align: center;
    margin-top: 10px;
}
.approval-are .cp-txt p {
    position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid #e2e2e2;
    padding-right: 10px;
    font-weight: 600;
}
.approval-are .cp-txt p:before {
    content: "";
    width: 6px;
    height: 50px;
    background-color: #2b913d;
    margin-right: 15px;
}

.approval-are .waku {
    max-width: 420px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 30px 25px;
    background-color: #f5f5f5;
    margin: 0 auto;
    margin-top: 20px;
}

.approval-are .waku .one {
}
.approval-are .waku .one li {
    margin-top: 20px;
}
.approval-are .waku .one li:first-of-type {
    margin-top: 0;
}
.approval-are .waku .one li p.txt {
    line-height: 1.2;
    margin-bottom: 6px;
    margin-left: 5px;
    font-weight: 600;
}

.approval-are .waku .two {
    margin-top: 25px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.approval-are .waku .two li {
}
.approval-are .waku .two li:first-of-type {
    padding-top: 0;
}
.approval-are .waku .two li label {
    font-size: 1.35rem;
}

.approval-are .form li input {
    background-color: #fff;
    border: 1px solid #c5c5c5;
    height: 40px;
}

.approval-are .login-btn {
    color: #fff;
    background-color: #37a249;
    height: 50px;
    width: 170px;
    border-radius: 5px;
}
.approval-are .login-btn:hover {
    background-color: #166f25;
}

.approval-are .error-are li {
    padding-top: 0;
}

.approval-are .cp-modoru {
    max-width: 500px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}
.approval-are .cp-modoru a {
}
.approval-are .cp-modoru a i {
    transform: rotate(90deg);
    padding: 0;
    padding-top: 4px;
}


/*  ご招待
==============================================*/
.login .wrbody.invite {
    margin-top: 30px;
}
.invite .login-are .login-box {
    margin: 0 auto;
}
.invite .login-are .login-box .waku {
    border: 0;
}
.invite .login-are .login-box .waku .txt {
    font-size: 1.5rem;
    margin-bottom: 40px;
}
.invite .login-box .btn-are {
    margin-top: 50px;
}
.invite .login-are .login-box .form li input {
    background-color: #f9f9f9;
}
.invite .login-box .form li {
    padding-top: 20px;
}
.invite .login-box .form li:first-of-type {
    padding-top: 0;
}
.invite .login-box .form .error-are ul {
    padding: 10px 15px;
}
.invite .login-box .form .error-are li {
    padding: 0;
}

.invite .slbody {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
.invite .title-nav {
    display: none;
}
.invite .us-society .hed {
    display: none;
}
.invite .us-society .area {
    padding-top: 30px;
}
.invite .program-are {
    display: none;
}
.invite .us-society .program {
    padding-top: 0;
}

.invite-page .us-society .destxt dd:nth-of-type(2) {
    display: none;
}
.invite-top {
    padding-bottom: 0;
}
.invite .invite-top .area {
    padding-top: 20px;
}


/*/// 準備中 ///*/
.invite .login-are .login-box .waku .txt {
    font-size: 1.6rem;
    text-align: center;
}


/*/// 銀行振込・終了 ///*/
.paylist.bank.scnot {
    background-color: #cecece;
    pointer-events: none;
}
.paylist.bank.scnot .fm-radio label::before {
    display: none;
}


/*  timeline
==============================================*/
.timeline {
    margin-top: 30px;
}
.timeline .tai {
    display: table;
    background-color: #17a2e1;
    color: #fff;
    padding: 8px 20px;
    line-height: 1.0;
    width: 100%;
}
.timeline .tai i {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 2.2rem;
}
.timeline .tai span {
    font-weight: 600;
    font-size: 1.6rem;
    vertical-align: middle;
}

.timeline dl {
    display: -webkit-flex;
    display: flex;
    background-image: url(../img/line_dot.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 25px;
    padding-bottom: 25px;
}
.timeline dl:last-of-type {
    background: none;
}
.timeline dl dt {
    flex-shrink: 0;
    width: 180px;
    padding-left: 15px;
}
.timeline dl dd {
    margin-right: 15px;
}





/*  追加
==============================================*/
.sanka .us-order .area .txt dd small {
}

.timetable .divare.space {
    min-height: 600px;
}

.slbody.info .fm-box .moku {
    max-width: 190px;
}

.form-txt {
    margin-bottom: 10px;
}
.form-txt dl {
}
.form-txt dt {
    border: 2px solid #307fd6;
    display: inline-block;
    padding: 6px 15px;
    line-height: 1;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 1.6rem;
}
.form-txt dd {
    letter-spacing: 0.05em;
}
.form-txt dd span {
    color: #0367b5;
}

.user .thak-are .hedare h3 {
    font-size: 2.3rem;
}


/*  リンクoff
==============================================*/
.slbody.inde .news-list li a {
    pointer-events: none; 
}
.slbody.inde .title-a a {
    pointer-events: none; 
}

.us-timetable {
    display: none;
}